Bonsai Theme by Yuichi Okada

• Installation
• Usage
• Screenshots
  • Table List
  • Edit Form
• Features
• What It Changes
  • Form Fields
  • Repeater Table
  • Tables
  • Global
• Supported Filament Components
• Requirements
• More Filament Plugins
• Stay Updated
• License

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

composer require qalainau/bonsai-theme

#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

#Table List

#Edit Form

#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

#Form Fields

#Repeater Table

#Tables

#Global

#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

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

#More Filament Plugins

Need Filament screens that stay fast with real amounts of data? Check out WarpUI — premium Filament v5 plugins with canvas-based rendering for large datasets.

#Stay Updated

Get release notes, upgrade guides for new Filament versions, and early access to new plugins — a few emails a year, no spam.

Subscribe to the newsletter →

#License

MIT