Brisk Theme Documentation

Overview

Brisk is a free, modern, and friendly theme for Filament PHP admin panels. It combines simplicity with a welcoming aesthetic, thoughtfully designed to beautify your application while preserving all of Filament's robust features and capabilities.

Key Features

• Free and Open Source - No licensing fees or restrictions
• Modern Design - Clean, minimalistic interface
• Light & Dark Mode - Full support for both themes
• Responsive Layout - Works perfectly on all device sizes
• Kumbh Sans Font - Clean, readable typography
• Easy Integration - Simple setup and configuration

Requirements

• PHP 8.2+
• Filament v4 or v5 (on v5, follow the Filament v5 theme guide)
• Tailwind v4

Installation

Step 1: Install via Composer

Add the theme to your project:

composer require filafly/brisk

Step 2. Create a custom theme

To ensure that Filament is aware of the styling changes, we must setup a new custom theme.

php artisan make:filament-theme

Once you've created your theme, you'll need to replace the existing import at the top of the file.

@import '../../../../vendor/filafly/brisk/resources/css/theme.css';

Step 3: Add to Your Panel

In your panel provider (e.g., app/Providers/Filament/AdminPanelProvider.php), configure the theme:

use Filafly\Themes\Brisk\BriskTheme;

public function panel(Panel $panel): Panel
{
    return $panel
        // ... other configuration
        ->viteTheme('resources/css/filament/admin/theme.css')
        ->plugin(BriskTheme::make());
}

Customization

Disable Suggested Font

If you prefer to use your own font instead of Kumbh Sans, you can disable the suggested font:

BriskTheme::make()->withoutSuggestedFont()

Custom CSS Overrides

You can add your own custom styles by modifying your theme CSS file:

@import '../../../../vendor/filafly/brisk/resources/css/theme.css';

/* Your custom styles here */
.fi-header {
    /* Custom header styles */
}

Screenshots

Dashboard - Light Mode

Categories

Modals

Edit Customer

Notifications

Authentication