Flat Theme by Spykapps

• Screenshots
  • Dashboard
  • Table
  • Form
  • Widget & Table
  • Cluster (Sidebar)
• Installation
  • Once your custom theme is set up:
• Changelog
• Credits
• License

A simple theme for FilamentPHP based on a Flat design.

#Screenshots

#Dashboard

Dashboard Light	Dashboard Dark

Scroll horizontally to see more →

#Table

Customers Light	Customers Dark

Scroll horizontally to see more →

#Form

Form Light	Form Dark

Scroll horizontally to see more →

#Widget & Table

Orders Light	Orders Dark

Scroll horizontally to see more →

#Cluster (Sidebar)

Products Light	Products Dark

Scroll horizontally to see more →

#Installation

composer require spykapp/filament-flat-theme

After installing the package, you’ll need to set up a custom Filament theme (if you haven’t already). Follow the official guide here:

📘 Creating a Custom Theme

#Once your custom theme is set up:

1. Open your theme.css file.
2. Replace this line:

Filament v4 :

@import '../../../../vendor/filament/filament/resources/css/theme.css';

with:

@import '../../../../vendor/spykapp/filament-flat-theme/resources/css/theme.css';

Filament v3 :

@import '/vendor/filament/filament/resources/css/theme.css';

with:

@import '/vendor/spykapp/filament-flat-theme/resources/css/theme.css';

3. Then run the build process:

npm run build

✅ That’s it, you’re now using the Filament Flat Theme.

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Credits

• Sanchit Patil
• All Contributors

#License

The MIT License (MIT). Please see License File for more information.