Transform your Filament admin
8 complete design presets for Filament v4 & v5. Glass, Corporate, Warm, Midnight, Aurora, Neon, Minimal, Nature — each with full dark mode, CSS-only, zero blade overrides.
8
Design Presets
40+
CSS Custom Properties
4
Icon Packs
0
Blade Overrides
See it running at demo.aura-ui.com
A real Filament v4 panel with the Aura Glass preset, sidebar-first layout, theme configurator, chart widgets, and activity feed — all live. Credentials are prefilled, so you're one click away from the dashboard.
- Sidebar-first layout — full-height nav, topbar to the right
- In-panel theme configurator — switch preset & primary color live
- Line / bar / pie charts — with glass tooltip & soft grid
- Activity feed — vertical timeline powered by real data
[email protected] / demo
Try it in 60 seconds
From landing page to working admin panel in three clicks — no install, no signup.
Open the demo
Head to demo.aura-ui.com. It's a real Laravel + Filament v4 install with the Aura Glass preset and sidebar-first layout.
Sign in with one click
The login form is prefilled with public demo credentials. Just click Sign in — no registration.
Play with the configurator
Use the floating configurator (bottom-right) to switch preset and primary color on the fly. Your choice persists across reloads.
8 Complete Design Presets
Switch between presets with a single line of PHP. Each preset defines backgrounds, shadows, borders, blur, radius, and more.
Glass
The signature look. Glass morphism, backdrop blur, warm off-white gradients, soft transparent cards. The default preset.
Corporate
Clean and professional. No blur, solid white backgrounds, sharp borders, minimal shadows. Enterprise-grade.
Warm
Friendly and organic. Cream backgrounds, warm brown sidebar, generous radius, amber-tinted shadows.
Midnight
Dramatic and futuristic. Strong glass, cool blue-gray, neon primary glow in dark mode. Made for night owls.
Aurora
Northern lights inspired. Dark sidebar with rose-pink accents, soft gradients, and an ethereal glow.
Neon
Electric and bold. Dark background with vivid neon borders, high contrast cards, cyberpunk-inspired aesthetic.
Minimal
Less is more. Clean light background, subtle borders, no blur, no shadows. Maximum content focus.
Nature
Earthy and calming. Green-tinted sidebar, organic tones, soft edges, nature-inspired palette.
Why Aura Filament
One package, eight presets, zero compromises.
8 Design Presets
Glass, Corporate, Warm, Midnight, Aurora, Neon, Minimal, Nature. Switch with a single line of PHP. Each preset controls 40+ CSS custom properties.
Color Agnostic
Works with any Filament primary color. All presets use Filament's built-in --c-{shade} CSS custom properties. Change your panel color, and Aura Filament adapts.
Full Dark Mode
Every preset includes a complete dark mode variant. Carefully tuned backgrounds, borders, shadows, and glows for both light and dark themes.
Icon Packs
Swap Filament's default Heroicons with Phosphor, Iconoir, or Lucide. One method call, 30+ icons mapped across navigation, tables, forms, and actions.
Zero Blade Overrides
Pure CSS theming. No published views, no blade components to maintain. Upgrade Filament without conflicts — your theme just works.
CSS Custom Properties
40+ design tokens per preset. Override any variable for fine-grained customization without touching the source CSS. Mix and match.
Resource Components + Auth Polish
Enhanced Resource page headers, table action drawers, animated infolist tabs, and polished auth pages — all automatic via CSS, all 8 presets supported.
Resource Hero
Automatic glass card header with gradient accent, enhanced typography, breadcrumb polish. Zero config.
Read the docs →Actions Drawer
Opt-in slide-out drawer for table row actions. Add one CSS class, get a 320px panel with smooth transitions.
Read the docs →Bulk Toolbar
Glass-styled selection bar with gradient count badge, slide-up animation, checkbox glow. Automatic.
Read the docs →Infolist Tabs
Animated tab transitions with gradient indicator. Crossfade + slide, reduced motion aware.
Read the docs →Auth Pages
Password reset, 2FA setup with QR code framing, email verification — all styled to match your preset.
Read the docs →Plugin Integrations
First-class adapters for the Filament ecosystem — FullCalendar, kanban boards, impersonation banners, and Spatie activity logs, all styled to match your Aura preset.
FullCalendar Styling
Pre-styled saade/filament-fullcalendar with Aura design tokens. Events, buttons, today cells, dark mode — all automatic.
Read the docs →Calendar Widget
Native month-view calendar for dashboards. Zero JS dependencies — just extend AuraCalendarWidget and return CalendarEvent DTOs.
Kanban Board
Drag-and-drop kanban with Livewire persistence. Columns with WIP limits, cards with avatars and badges, mobile-responsive.
Read the docs →Impersonate Banner
Visual "Viewing as [email protected]" banner when admin impersonates. Works with any impersonate package, session-based detection.
Read the docs →Activity Log
Spatie Activity Log adapter for AuraActivityFeed. Zero-boilerplate timeline with auto icons, diff formatting, custom colors.
Sprints 4 & 5 are live
A full onboarding toolkit plus a per-user dashboard customizer — drag-reorder, hide, and resize widgets without touching code.
Dashboard Customizer
Drag-reorder, toggle visibility, pick column spans (1/2/full). Layout persists per-user in a JSON column.
Read the docs →Empty States
8 illustrated SVG variants (no-data, no-results, …) with title/description/actions slot.
Welcome Widget
Dashboard checklist with SVG progress ring. Completion is derived from live closures — no DB column to maintain.
Read the docs →Guided Tour
Spotlight + floating tooltip with auto-flipping placement. localStorage persistence, zero JS deps beyond Alpine.
Read the docs →Wizard Page
Multi-step setup scaffold. URL-synced step, shared $data, per-step ->validate(), optional skippable steps.
Sprint 3 is live
A full form & input library — four new fields that extend Filament stock components without touching a single Blade view.
Color Picker
->showPalette() renders a live 11-shade OKLCH strip powered by PaletteGenerator.
File Upload
Glass dropzone, primary-tinted hover & drag-over glow, circular avatar variant — pure CSS, no Filepond replacement.
Read the docs →Rich Editor
Notion-style sticky glass toolbar, primary-lit active buttons, floating bubble menu, primary-bar blockquote.
Read the docs →Code Editor
Dark glass textarea with language badge, monospace surface, primary focus ring and Tab-to-spaces. Zero JS deps.
Read the docs →Sprint 2 is live
Five new ways to make your Filament panel feel like a product, not a CRUD.
Sidebar-first layout
Notion/Linear-style full-height sidebar via ->layout(LayoutMode::SidebarFirst). One line, zero CSS.
Theme configurator
Floating FAB lets each user pick preset, primary color, and dark mode. Preferences persist per-user via a JSON column.
Read the docs →Chart widget family
Line, bar, pie, doughnut — glass tooltip, soft grid, rounded bars, smooth lines. Plus ChartPalette helpers.
Activity feed
Vertical timeline widget with markers (avatar / icon / dot), relative time, and 6 color variants. ActivityItem DTO for clean rendering.
Palette generator
aura-filament:palette <hex> turns any color into an 11-shade OKLCH palette. Output as PHP, JSON, or CSS.
See it all live
Every v2.3 feature runs on demo.aura-ui.com — prefilled login, zero friction.
Open the demo →Quick Start
One command or three lines — your choice.
Recommended · Interactive installer
composer require bluestarsystem/aura-filament
php artisan aura-filament:installThe installer prompts for preset, color, icons, and font — then auto-registers the plugin and updates your CSS. See the docs.
1. Register the plugin
use BlueStarSystem\AuraFilament\AuraFilamentPlugin;
use BlueStarSystem\AuraFilament\Enums\Preset;
->plugin(
AuraFilamentPlugin::make()
->preset(Preset::Glass)
)2. Import in your theme CSS
@import '../../vendor/filament/filament/resources/css/theme.css';
@import '../../vendor/bluestarsystem/aura-filament/resources/css/aura-filament.css';3. Optional: add icon packs
use BlueStarSystem\AuraFilament\Enums\IconSet;
->plugin(
AuraFilamentPlugin::make()
->preset(Preset::Midnight)
->icons(IconSet::Phosphor)
)How we compare
| Feature | Aura Filament | Filafly | Filament Themes | Skylence |
|---|---|---|---|---|
| Presets included | 8 | 1 per $59 | 1 per €59-199 | 1 |
| Dark mode | ||||
| Color agnostic | ||||
| Glass morphism | ||||
| Multiple aesthetics | ||||
| Icon packs | 4 | 1680 Iconoir | ||
| Zero blade overrides | ||||
| CSS custom properties | 40+ | Limited | 100+ | Limited |
| Micro-animations | ||||
| One-time price | Included | $59 each | €59-199 | Free |
Included with every Aura UI Pro license
No separate purchase. Get Aura Filament + 63 Blade components + 5 Livewire traits + everything else.