• Overview
• Glass (Default)
  • Properties
• Corporate
  • Properties
• Warm
  • Properties
• Midnight
  • Properties
• Aurora
  • Properties
• Neon
  • Properties
• Minimal
  • Properties
• Nature
  • 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#

Aurora#

Indigo-to-teal gradients with translucent cards — colourful without being loud.

• Diagonal gradient background, indigo through mint
• Violet-tinted card borders
• Moderate blur (8px on cards, 14px on modals/dropdowns)
• Gradient auth screens

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

Properties#

Neon#

Dark-first and high contrast, with borders that pick up your primary colour.

• Near-black background in both light and dark mode — this preset is always dark
• Card borders derived from your primary colour via color-mix
• Minimal blur (2px / 4px), so surfaces stay crisp
• Best paired with a saturated primary

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

Properties#

Minimal#

Flat surfaces, hairline borders, no gradients and no blur. The preset to choose when the interface should disappear behind the data.

• Zero blur — no glass effect anywhere
• Solid white / near-black backgrounds
• Hairline neutral borders
• Fastest to render of the eight, with no translucency to compose

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

Properties#

Nature#

Warm paper tones and organic greens — a softer, less clinical back office.

• Warm off-white gradient background, olive-tinted in dark mode
• Earthy borders rather than neutral grey
• Gentle blur (4px / 8px)

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

Properties#

Comparison Table#

The four original presets side by side. Aurora, Neon, Minimal and Nature are documented in their own sections above.