• Overview
• Glass (Default)
  • Properties
• Corporate
  • Properties
• Warm
  • Properties
• Midnight
  • Properties
• Comparison Table

Overview#

Aura Filament ships with 4 design presets that let you switch the entire visual style of your Filament panel without writing a single line of CSS. Each preset adjusts surfaces, shadows, backdrop blur, border radius, and more via CSS custom properties scoped to a data-aura-preset attribute selector.

Switching presets requires only a one-line change in your PHP panel configuration — no CSS rebuild needed.

Glass (Default)#

The default preset. Inspired by modern glassmorphism UI with frosted surfaces and soft depth.

• Frosted glass effect with backdrop blur (6px on cards, 12px on modals/dropdowns)
• Warm off-white gradient background
• Semi-transparent card surfaces (rgba(255, 255, 255, 0.85))
• Soft, diffuse shadows for a floating feel
• Rounded corners at 0.75rem (md)

use BlueStarSystem\AuraFilament\AuraFilamentPlugin;
use BlueStarSystem\AuraFilament\Enums\Preset;
use Filament\Support\Colors\Color;

AuraFilamentPlugin::make()
    ->preset(Preset::Glass)      // default, can be omitted
    ->primaryColor(Color::Blue)

Properties#

Corporate#

A clean, no-nonsense preset suited for enterprise dashboards and professional SaaS tools.

• No blur — fully opaque surfaces
• Pure white background (#f9fafb)
• Solid borders (#e5e7eb) for clear element separation
• Minimal shadows — flat, structured appearance
• Sharp corners (0.375rem sm, 0.625rem lg)
• Dark solid sidebar (#111827) for contrast
• Badge glow disabled

AuraFilamentPlugin::make()
    ->preset(Preset::Corporate)
// or using the string alias:
    ->preset('corporate')

Properties#

Warm#

An approachable, earthy preset for lifestyle, hospitality, or wellness applications.

• No blur — solid surfaces with a warm tint
• Cream background tones (#fefcf9)
• Warm earthy borders (#e8ddd0)
• Warm-tinted box shadows
• Generous rounded corners (0.875rem md, 1.25rem lg)
• Warm dark sidebar

AuraFilamentPlugin::make()
    ->preset(Preset::Warm)
// or using the string alias:
    ->preset('warm')

Properties#

Midnight#

A bold, high-contrast preset built for dark-first interfaces with neon accents.

• Strong blur (10px on cards, 16px on modals/dropdowns)
• Cool blue-gray gradient background
• Primary-tinted transparent borders
• Neon glow effects in dark mode
• Double focus ring with primary color glow

AuraFilamentPlugin::make()
    ->preset(Preset::Midnight)
// or using the string alias:
    ->preset('midnight')

Properties#

Comparison Table#