PHPackages                             qalainau/bonsai-theme - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. qalainau/bonsai-theme

ActiveLibrary[Utility & Helpers](/categories/utility)

qalainau/bonsai-theme
=====================

High-density, compact UI theme for Filament v5

v0.1.0(1mo ago)362↓50%1MITCSSPHP ^8.2CI passing

Since May 1Pushed 1mo agoCompare

[ Source](https://github.com/qalainau/filament-bonsai-theme)[ Packagist](https://packagist.org/packages/qalainau/bonsai-theme)[ RSS](/packages/qalainau-bonsai-theme/feed)WikiDiscussions main Synced 1w ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

Bonsai Theme
============

[](#bonsai-theme)

High-density, compact UI theme for Filament v5.

Inspired by Japanese business applications (sales, inventory, order management) that prioritize information density, Bonsai Theme reduces padding, gaps, and font sizes across all Filament components to fit more data on screen.

Installation
------------

[](#installation)

```
composer require qalainau/bonsai-theme
```

Usage
-----

[](#usage)

Register the plugin in your panel provider:

```
use Qalainau\BonsaiTheme\BonsaiThemePlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->plugin(BonsaiThemePlugin::make());
}
```

No Tailwind build required. The theme ships as pre-compiled CSS and is loaded automatically.

Screenshots
-----------

[](#screenshots)

### Table List

[](#table-list)

[![Table List](docs/images/table-list.png)](docs/images/table-list.png)

### Edit Form

[](#edit-form)

[![Edit Form](docs/images/edit-form.png)](docs/images/edit-form.png)

Features
--------

[](#features)

- **Zero-gap form fields** — No spacing between fields for maximum information density
- **Compact inputs** — Reduced padding (`2px 8px`) and font size (13px) across all input types
- **Tight field labels** — 12px labels with zero gap to input
- **Solid input borders** — 1px solid border, 4px radius, no box-shadow
- **Borderless repeater table inputs** — Inputs inside table repeaters have no border for a clean spreadsheet look
- **Compact repeater tables** — Minimal cell padding in table-layout repeaters
- **Compact sections** — Reduced padding (12px) in Section, Fieldset, and Tabs
- **Dense tables** — Minimal cell padding (`2px 4px`), 11px uppercase headers, compact row height
- **Compact table chrome** — Tight toolbar, filter panels, pagination, and indicators
- **Small buttons & badges** — Reduced padding and font size (badges: 11px)
- **Compact sidebar** — Tight nav items (`2px 6px` padding), 13px font, uppercase group labels
- **Compact page headers** — Reduced heading (18px) and subheading (13px) sizes
- **Compact dropdowns** — 13px font size in dropdown menus
- **Compact modals** — Reduced content padding (12px)
- **Compact repeaters** — Minimal gap and padding for inline editing
- **Dark mode support** — All overrides include dark mode variants

What It Changes
---------------

[](#what-it-changes)

### Form Fields

[](#form-fields)

ComponentDefaultBonsaiField gap`gap-6``0`Input padding`py-1.5 px-3``py-0.125rem px-0.5rem`Input font`text-sm` (14px)`13px`Input borderring-based`1px solid`, no shadowLabel font`text-sm``12px`Label-to-input gap`gap-y-2``0`Section content`p-6``0.75rem`Fieldset padding`p-6``0.75rem`Input border-radius`rounded-lg``rounded` (4px)### Repeater Table

[](#repeater-table)

ComponentDefaultBonsaiHeader padding`8px 12px``2px 6px`Cell padding`4px 0``1px 2px`Compact header—`1px 4px`Compact cell—`0 1px`Input bordersvisiblenone### Tables

[](#tables)

ComponentDefaultBonsaiColumn padding`py-4 px-3``2px 4px`Header padding`py-3.5 px-3``2px 4px`Header font`text-sm``11px` uppercaseText column`text-sm``13px`Toolbar padding`p-4 sm:px-6``4px 8px`Pagination`py-3 px-3``4px 8px`Container radius`rounded-xl``rounded-md` (6px)### Global

[](#global)

ComponentDefaultBonsaiBase font14px13pxPage heading24px18pxPage subheading14px13pxPage content gap`gap-y-8``gap-y-2`Button font14px13pxBadge font—11pxSidebar item`8px` padding`2px 6px`, 13px fontDropdown items14px13pxModal content`p-6``0.75rem`Supported Filament Components
-----------------------------

[](#supported-filament-components)

All standard Filament form fields and table columns are styled:

**Form Fields:** TextInput, Select (native & JS), Textarea, DatePicker, DateTimePicker, Toggle, Checkbox, Radio, ToggleButtons, CheckboxList, ColorPicker, TagsInput, Slider, KeyValue, RichEditor, MarkdownEditor, CodeEditor, FileUpload, Repeater (standard & table layout)

**Table Columns:** TextColumn, IconColumn, ColorColumn, ToggleColumn, CheckboxColumn, ImageColumn

**Layout:** Section, Fieldset, Tabs, Grid, Flex

Requirements
------------

[](#requirements)

- PHP 8.2+
- Filament v5
- Laravel 13.x

License
-------

[](#license)

MIT

###  Health Score

40

—

FairBetter than 86% of packages

Maintenance92

Actively maintained with recent releases

Popularity17

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity36

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

39d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8680efcea0de29a5992da943fd048e5fe313832f65c4ed0a45d86efb1969adc0?d=identicon)[qalainau](/maintainers/qalainau)

---

Top Contributors

[![qalainau](https://avatars.githubusercontent.com/u/238779?v=4)](https://github.com/qalainau "qalainau (7 commits)")

---

Tags

laravelthemejapanesefilamentcompactbonsaihigh-density

### Embed Badge

![Health badge](/badges/qalainau-bonsai-theme/health.svg)

```
[![Health](https://phpackages.com/badges/qalainau-bonsai-theme/health.svg)](https://phpackages.com/packages/qalainau-bonsai-theme)
```

###  Alternatives

[ysfkaya/filament-phone-input

A phone input component for Laravel Filament

3131.2M25](/packages/ysfkaya-filament-phone-input)[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3913.7k](/packages/rawilk-profile-filament-plugin)[dotswan/filament-map-picker

Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications.

127173.7k3](/packages/dotswan-filament-map-picker)[stephenjude/filament-feature-flags

Filament implementation of feature flags and segmentation with Laravel Pennant.

122157.7k1](/packages/stephenjude-filament-feature-flags)[creagia/filament-code-field

A Filamentphp input field to edit or view code data.

57301.3k3](/packages/creagia-filament-code-field)[jibaymcs/filament-tour

Bring the power of DriverJs to your Filament panels and start a tour !

12351.0k](/packages/jibaymcs-filament-tour)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)