Skip to content

Overview

Aura Filament enhances Filament's native notifications with:

  • Slide-in spring animation from the right
  • Colored accent bar per variant
  • Icon glow matching the variant color
  • Shine effect on hover (Glass and Midnight presets only)
  • Enhanced close button feedback

No API changes — you use Filament's Notification facade exactly as before. The styling applies automatically.

Usage

Standard Filament API:

use Filament\Notifications\Notification;

Notification::make()
    ->title('Saved successfully')
    ->success()
    ->body('Your changes have been applied.')
    ->send();

Variants

Each Filament color maps to an accent bar:

Variant Accent color
success() Green
danger() Red
warning() Amber
info() Blue
color('primary') Primary palette

Action buttons

Notifications with actions are styled to match:

Notification::make()
    ->title('New order received')
    ->body('Order #1047 waiting for review')
    ->actions([
        \Filament\Notifications\Actions\Action::make('view')
            ->url(route('filament.admin.resources.orders.view', 1047)),
        \Filament\Notifications\Actions\Action::make('dismiss')
            ->color('gray'),
    ])
    ->send();

Respecting preferences

  • Animations pause under prefers-reduced-motion: reduce
  • The shine effect on hover is disabled on Corporate and Warm presets (stays clean)