Download the PHP package cuongpham2107/filament-theme-customizer without Composer
On this page you can find all versions of the php package cuongpham2107/filament-theme-customizer. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download cuongpham2107/filament-theme-customizer
More information about cuongpham2107/filament-theme-customizer
Files in cuongpham2107/filament-theme-customizer
Package filament-theme-customizer
Short Description Instant zero-reload theme customizer plugin for Filament v5
License MIT
Informations about the package filament-theme-customizer
🎨 Filament Theme Customizer (Theme Studio)
A powerful, elegant, zero-reload visual Theme Studio plugin for Filament v5. Empowers users and administrators to customize their panel experience in real time with instantaneous live preview, zero flash of unstyled theme (Anti-FOUC), and granular authorization controls.
🖼️ Visual Showcase
| Light Mode (Palettes, Radius & Density) | Obsidian Dark Mode (Violet & Deep Blacks) |
|---|---|
| Velvet Theme (Warm & Soft Curves) | Precision Theme (Crisp Architectural Borders) |
|---|---|
✨ Features
- ⚡ Zero-Reload Instant Preview: Hot-swaps themes, styles, colors, layouts, and typography in real time with zero page refresh.
- 🎨 Official Theme Presets: Modern, Precision, Velvet, and Obsidian (matching official Filament styling).
- 🌓 Instant Dark / Light Mode: Seamless transitions with full Tailwind dark mode compatibility.
- 🌈 8 Curated Color Palettes: Amber, Blue, Forest, Violet, Rose, Teal, Zinc, and Citrus with auto-contrasted primary button text.
- 🔲 Live Corner Radius: None (
0px), Small (4px), Medium (8px), Large (12px), and Pill (9999px). - 📐 Live Spacing & Density: Tight, Compact, Normal, and Spacious.
- 🔤 Live Typography: Inter, Outfit, Plus Jakarta Sans, Figtree, Lora, and JetBrains Mono.
- 📏 Filament-Style Font Size Slider: Sleek compact slider with discrete stops (
XS,SM,MD,LG,XL) and signature handle. - 🧭 Navigation Layouts:
- Collapsible Sidebar
- Fully Collapsible (Slide-over overlay with topbar toggle)
- Fixed Sidebar
- Top Navigation (Full-width topbar navbar)
- 💾 Database Persistence (User Preferences): Saves each user's customized theme to the database (
filament_theme_settings), seamlessly syncing across their laptops, workstations, and mobile devices. - 👑 Super Admin Global Default: Super admins can set the active theme as the System Default for all guest pages and new users with a single click.
- ↺ One-Click Reset to System Default: Users can instantly revert their custom theme back to the organization's official brand standard.
- 🔒 Granular Authorization: Dual-layer permission controls via
canCustomize()andcanSetGlobalDefault()withClosurecallbacks and dependency injection. - 🛡️ Zero-FOUC Engine: Ultra-fast server-side inline hydration in
<head>(< 0.1ms via Cache) preventing layout shift and white flicker.
📦 Installation
Install the package via Composer:
🚀 Quick Start
1. Register in your Filament Panel Provider
Add ThemeCustomizerPlugin::make() to your panel configuration (e.g. app/Providers/Filament/AdminPanelProvider.php):
2. Configure Tailwind Theme CSS
In your panel's theme stylesheet (e.g. resources/css/filament/admin/theme.css), import the plugin stylesheet and register the view files in your @source directive:
Then rebuild your assets:
⚙️ Configuration & Authorization
Dynamic Permission Control
The canCustomize() method accepts either a boolean or a Closure:
🎨 Publishing Views (Optional)
If you want to customize the Blade templates:
The views will be published to resources/views/vendor/filament-theme-customizer.
📄 License
The MIT License (MIT). Please see License File for more information.
All versions of filament-theme-customizer with dependencies
filament/filament Version ^5.0
spatie/laravel-package-tools Version ^1.16