Panel Base Features
Dynamic Theme System
17 predefined color presets with CSS custom property injection and runtime switching.
Title Badge
Panel identification badge next to logo with customizable icon and color.
Sidebar Search
Client-side navigation search filtering with Alpine.js integration.
Sidebar Slideover
Desktop sidebar as overlay with animations and frosted glass effect.
Locale Switcher
Dynamic language dropdown with session/cookie persistence and auto-detection.
Visit Website Button
Configurable topbar link to your frontend with customizable label.
Profile SlideOver
Enhanced user menu with profile editing, password change, and cross-panel navigation.
User Moderation
Registration approval workflow with pending/suspended status middleware.
Theme Presets
17 built-in color presets for instant theming. Each preset defines primary, secondary, success, warning, danger, and info colors.
ocean blue
forest green
sunset orange
royal purple
rose garden
modern dark
teal breeze
amber gold
slate steel
crimson fire
sky light
emerald fresh
indigo classic
pink blossom
warm earth
midnight blue
charcoal noir
currency green
AdminPanelProvider Example
Extend BasePanelProvider
instead of PanelProvider
to get shared branding, theming, and middleware:
Blade Components
Ready-to-use Blade components for your panel layouts:
<x-filament-panel-base::theme-styles />
Injects CSS custom properties for the active theme preset.
<x-filament-panel-base::dark-mode-script />
Prevents FOUC by applying dark mode class before paint.
<x-filament-panel-base::locale-switcher />
Language dropdown with flag icons and auto-detection.
<x-filament-panel-base::country-select />
Country selector with flag icons and phone codes.
<x-filament-panel-base::currency-switcher />
Currency dropdown linked to country selection.
<x-filament-panel-base::dark-mode-toggle />
Light/dark mode toggle button.
Contracts & Interfaces
Implement these contracts on your Settings or User model for deeper integration:
ProvidesThemeColors
Return theme colors from your settings model.
ProvidesLocales
Provide available locales for the language switcher.
ProvidesCountries
Provide country data with phone codes and flags.
ProvidesCurrencies
Provide currencies linked to countries.
HasModerationStatus
Add isSuspended() and isPending() to your User model.