PHPackages spykapp/filament-flat-theme - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. spykapp/filament-flat-theme Abandoned → [spykapps/theme-inverness](/?search=spykapps%2Ftheme-inverness)ArchivedLibrary spykapp/filament-flat-theme =========================== A simple theme for FilamentPHP based on a Flat design. v4.0.1(9mo ago)9723—7.1%2[1 issues](https://github.com/SpykApp/filament-flat-theme/issues)MITCSSPHP ^8.1 Since Jul 7Pushed 9mo agoCompare [ Source](https://github.com/SpykApp/filament-flat-theme)[ Packagist](https://packagist.org/packages/spykapp/filament-flat-theme)[ RSS](/packages/spykapp-filament-flat-theme/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (5)Dependencies (1)Versions (7)Used By (0) [![Screenshot](/art/flat-theme.png)](/art/flat-theme.png) [ ![Packagist Version](https://camo.githubusercontent.com/914d71480f00c2b7ad2f63ddbdca4aee4fca5c3f92f7b92a1055726fa1b68591/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7370796b6170702f66696c616d656e742d666c61742d7468656d652e7376673f7374796c653d666f722d7468652d6261646765) ](https://packagist.org/packages/spykapp/filament-flat-theme) [ ![Total Downloads](https://camo.githubusercontent.com/be403395583b5fdf71f61e6276b773f17fee444ca439ca110e5321c5032d6e74/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f7370796b6170702f66696c616d656e742d666c61742d7468656d652e7376673f7374796c653d666f722d7468652d6261646765) ](https://packagist.org/packages/spykapp/filament-flat-theme) [![Laravel 12](https://camo.githubusercontent.com/5f32f51d9268f45b7376428e4a0bd33a004cdf420f9f92f2228a8e8a827a95e5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31322e782d4646324432303f7374796c653d666f722d7468652d6261646765266c6f676f3d6c61726176656c)](https://laravel.com/docs/12.x) [![PHP 8.3](https://camo.githubusercontent.com/c373bf0b203812c0ee6eaa9d496d61fe5eeec0d2748786f6b95adc35c4dccdd1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e332d3737374242343f7374796c653d666f722d7468652d6261646765266c6f676f3d706870)](https://php.net) [ ![License](https://camo.githubusercontent.com/608c8dfda488178950ce502d7697514db3a6a712579327ed90b9b594260f6355/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e7376673f7374796c653d666f722d7468652d6261646765) ](https://github.com/spykapp/filament-flat-theme/blob/main/LICENSE.md) Filament Flat Theme =================== [](#filament-flat-theme) A simple theme for FilamentPHP based on a Flat design. Screenshots ----------- [](#screenshots) #### Dashboard [](#dashboard) Dashboard Light Dashboard Dark [ ![Dashboard Light](https://camo.githubusercontent.com/dfe4a7616d4267dd1daa1bb93c7c92c8981979cfb328d421df86530806823de4/68747470733a2f2f692e6962622e636f2f44506d52345751582f64617368626f6172642d6c2e706e67) ](https://ibb.co/Y4JL2Qh9) [ ![Dashboard Dark](https://camo.githubusercontent.com/9fb59b547f13b77470c6b90c0e46d35dfe589d7094e5f185cb788b300f0f06b7/68747470733a2f2f692e6962622e636f2f516a6a57384e63772f64617368626f6172642d642e706e67) ](https://ibb.co/x88nmjsT) #### Table [](#table) Customers Light Customers Dark [ ![Customers Light](https://camo.githubusercontent.com/44d0c1f914eadb925f89304554aeafa1dd53dd9a40817cba8ca3cdfde81dfc0e/68747470733a2f2f692e6962622e636f2f714d3436487951432f637573746f6d6572732d6c2e706e67) ](https://ibb.co/3y8KxrZv) [ ![Customers Dark](https://camo.githubusercontent.com/00fdfaeadb8535682e84a7f518e8efb89d5a756e4dcfbc4a52b748621276f1d1/68747470733a2f2f692e6962622e636f2f3764357642315a5a2f637573746f6d6572732d642e706e67) ](https://ibb.co/LXWSBZcc) #### Form [](#form) Form Light Form Dark [ ![Form Light](https://camo.githubusercontent.com/a6ca7d1dc2e2c9f0bdde59b7ad68c3f2fc95ff32d6dc00c35140fe00ff4cb784/68747470733a2f2f692e6962622e636f2f46625047765071592f666f726d2d6c2e706e67) ](https://ibb.co/wNvDHvrQ) [ ![Form Dark](https://camo.githubusercontent.com/a149de7b69e88d7f7878a53aa1d91179a413a1d8b625237a5bee7dc02036868a/68747470733a2f2f692e6962622e636f2f4b704638425166672f666f726d2d642e706e67) ](https://ibb.co/hJDTrn4N) #### Widget & Table [](#widget--table) Orders Light Orders Dark [ ![Orders Light](https://camo.githubusercontent.com/b31924646dea8e57620f1a27696f605c2932fa5ee8ecf122433ec5af30d0b2e4/68747470733a2f2f692e6962622e636f2f5a44465147354e2f6f72646572732d6c2e706e67) ](https://ibb.co/sYNTbnt) [ ![Orders Dark](https://camo.githubusercontent.com/632de72b4867abad3680a1362758805179cd9e5f3ede82fe16b4ad26104ba371/68747470733a2f2f692e6962622e636f2f57766332354a78362f6f72646572732d642e706e67) ](https://ibb.co/hFKm9z7y) #### Cluster (Sidebar) [](#cluster-sidebar) Products Light Products Dark [ ![Products Light](https://camo.githubusercontent.com/3824024a140d54e9b13f6d8fae18135b71065f840a8ab6e753ac4003cfcaed9b/68747470733a2f2f692e6962622e636f2f345a70384d726d762f70726f64756374732d6c2e706e67) ](https://ibb.co/Rpc3Pwvr) [ ![Products Dark](https://camo.githubusercontent.com/8270edd14a807b6e6ae3e4f9bcf325acd5f069a296e3a99885822f5c64ab7d2d/68747470733a2f2f692e6962622e636f2f783846304d7633312f70726f64756374732d642e706e67) ](https://ibb.co/3YRq0Xkp) Installation ------------ [](#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** v3 v4 [ https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme ](https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme ) [ https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme ](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) --- ### Once your custom theme is set up: [](#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 --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Credits ------- [](#credits) - [Sanchit Patil](https://github.com/sanchitspatil) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 37 — LowBetter than 82% of packages Maintenance57 Moderate activity, may be stable Popularity24 Limited adoption so far Community7 Small or concentrated contributor base Maturity49 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~3 days Total 6 Last Release 290d ago Major Versions v1.0.1 → v3.0.02025-07-22 v3.x-dev → v4.0.02025-07-22 ### Community Maintainers ![](https://www.gravatar.com/avatar/619d85ca59369ebee5c640beac15488b61f6d80e4cbb170d82ea422e665341bd?d=identicon)[sanchitpatil](/maintainers/sanchitpatil) --- Top Contributors [![sanchitspatil](https://avatars.githubusercontent.com/u/106558065?v=4)](https://github.com/sanchitspatil "sanchitspatil (8 commits)") --- Tags phplaravelfilamentfilament-themefilament-flat-theme ### Embed Badge ![Health badge](/badges/spykapp-filament-flat-theme/health.svg) ``` [![Health](https://phpackages.com/badges/spykapp-filament-flat-theme/health.svg)](https://phpackages.com/packages/spykapp-filament-flat-theme) ``` ### Alternatives [andreia/filament-nord-theme A minimalist Arctic Nord theme for FilamentPHP 13334.7k2](/packages/andreia-filament-nord-theme)[tomatophp/filament-media-manager Manage your media files using spatie media library with easy to use GUI for FilamentPHP 14543.9k3](/packages/tomatophp-filament-media-manager)[tapp/filament-google-autocomplete-field Filament plugin that provides a Google Autocomplete field 3098.1k](/packages/tapp-filament-google-autocomplete-field)[tomatophp/filament-simple-theme A simple theme for FilamentPHP with custom user menu in sidebar 146.6k](/packages/tomatophp-filament-simple-theme)[tomatophp/filament-alerts Send notification to users using notification templates and multi notification channels, it's support Filament Native Notification Service with macro, and a full integration to FCM service worker notifications 7910.8k3](/packages/tomatophp-filament-alerts)[tomatophp/filament-accounts Manage your multi accounts inside your app using 1 table with multi auth and a lot of integrations 748.3k7](/packages/tomatophp-filament-accounts) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)