PHPackages nuxtifyts/dash-stack-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. [Utility & Helpers](/categories/utility) 4. / 5. nuxtifyts/dash-stack-theme ActiveLibrary[Utility & Helpers](/categories/utility) nuxtifyts/dash-stack-theme ========================== DashStack theme for filament php v1.3(10mo ago)1914.0k↓14.3%8[1 PRs](https://github.com/Fa-BRAIK/dash-stack-theme/pulls)MITCSSPHP ^8.2CI passing Since Feb 11Pushed 8mo agoCompare [ Source](https://github.com/Fa-BRAIK/dash-stack-theme)[ Packagist](https://packagist.org/packages/nuxtifyts/dash-stack-theme)[ GitHub Sponsors](https://github.com/Fa-BRAIK)[ RSS](/packages/nuxtifyts-dash-stack-theme/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (6)Dependencies (6)Versions (10)Used By (0) FilamentPHP DashStack Theme =========================== [](#filamentphp-dashstack-theme) [![GitHub License](https://camo.githubusercontent.com/adf3e37d58f8f314d3e86fa2b9ee537a5cfa476b7af7fbffc4b39f6527e89084/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f46612d425241494b2f646173682d737461636b2d7468656d65)](https://camo.githubusercontent.com/adf3e37d58f8f314d3e86fa2b9ee537a5cfa476b7af7fbffc4b39f6527e89084/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f46612d425241494b2f646173682d737461636b2d7468656d65)[![Packagist Version](https://camo.githubusercontent.com/b9c23f823ff401841567672a01f9949f3a1fd201d5c78ce16d07f1d1043cdc5d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6e75787469667974732f646173682d737461636b2d7468656d65)](https://camo.githubusercontent.com/b9c23f823ff401841567672a01f9949f3a1fd201d5c78ce16d07f1d1043cdc5d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6e75787469667974732f646173682d737461636b2d7468656d65)[![PhpStan Level](https://camo.githubusercontent.com/aea6993733cd63f8c0509bd208548ef02a3a2459c5e5c25230c62866ad483b7f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048505374616e2d6c6576656c253230372d627269676874677265656e2e737667)](https://camo.githubusercontent.com/aea6993733cd63f8c0509bd208548ef02a3a2459c5e5c25230c62866ad483b7f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048505374616e2d6c6576656c253230372d627269676874677265656e2e737667)[![PHPStan](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/phpstan.yml/badge.svg)](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/phpstan.yml)[![Laravel Pint](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pint.yml/badge.svg)](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pint.yml)[![PHPUnit](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pr-tests.yml/badge.svg)](https://github.com/Fa-BRAIK/dash-stack-theme/actions/workflows/pr-tests.yml) [![Dash Stack Theme Light/Dark](https://github.com/Fa-BRAIK/dash-stack-theme/raw/main/assets/dash_stack_theme.png?raw=true)](https://github.com/Fa-BRAIK/dash-stack-theme/blob/main/assets/dash_stack_theme.png?raw=true) > Tested on [Filamentphp demo app](https://github.com/filamentphp/demo) Acknowledgements ---------------- [](#acknowledgements) > Name based and Design inspired from [DashStack Theme](https://www.figma.com/community/file/1324762163080748317/dashstack-free-admin-dashboard-ui-kit-admin-dashboard-ui-kit-admin-dashboard). Big thanks for [Seju](https://www.figma.com/@sejal_ui_ux) for this amazing design. Documentation ------------- [](#documentation) - [Installation](#installation) - [Configuration](#configuration) - [Upcoming Features](#upcoming-features) - [Appearance](#appearance) Installation ------------ [](#installation) #### Step 1: Install this package using composer: [](#step-1-install-this-package-using-composer) ``` composer require nuxtifyts/dash-stack-theme ``` #### Step 2: Run install command: [](#step-2-run-install-command) Running this command will install required npm packages (If they're not already installed), and it will publish its assets as well. ``` php artisan filament-dash-stack-theme:install ``` #### Step 3: Register filament plugin: [](#step-3-register-filament-plugin) Within your targeted panel provider, you can now use and register dash stack theme plugin: ``` use Nuxtifyts\DashStackTheme\DashStackThemePlugin; // ... $panel->plugin(DashStackThemePlugin::make()); ``` #### Step 4: Add DashStack to your vite config: [](#step-4-add-dashstack-to-your-vite-config) Add DashStack theme to your `vite.config.js`: ``` input: [ // ... 'vendor/nuxtifyts/dash-stack-theme/resources/css/theme.css', ], ``` > For more information on using theme, check [filament docs](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme). Configuration ------------- [](#configuration) DashStack theme comes by default with a configuration for primary color used, and predefined dashboard configs for the theme, if needed to be altered, you can always publish vendor config file and change them however you see fit: ``` // filament-dash-stack-theme.php use Nuxtifyts\DashStackTheme\Support\Colors\Color; return [ 'default-colors' => [ 'primary' => Color::Blue, ], 'side-bar-collapsable-on-desktop' => true, 'collapsible-navigation-groups' => false, 'breadcrumbs' => false, /** * Nunito Sans is the default font for the theme. */ 'use-default-font' => true, ]; ``` > **note**: The default font used for Dash Stack Theme is Nunito Sans, you can disable this behavior by publish the config file of this package, and setting `use-default-font` to `false`. Upcoming Features ----------------- [](#upcoming-features) Eventually these components will be added to the package, if you have any suggestions/feedback, if you have a feature request, please don't hesitate to do so in [GitHub](https://github.com/Fa-BRAIK/dash-stack-theme). #### List of upcoming changes: [](#list-of-upcoming-changes) - Date / DateTime / DateRange component - Select component (Could be only UI changes for this one) Appearance ---------- [](#appearance) - [Login Page](#login-page) - [Dashboard](#dashboard-page) - [Global Search](#global-search) - [Notifications](#notification-modal) - [User menu](#user-menu) - [Resource Page](#resource-page) - [Grid Table](#grid-table) - [Forms](#forms) #### Login Page [](#login-page) Login Page Light Login Page Dark [![Login Page Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/login_page_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/login_page_light.png) [![Login Page Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/login_page_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/login_page_dark.png) #### Dashboard Page [](#dashboard-page) Dashboard Page Light Dashboard Page Dark [![Dashboard Page Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/dashboard_page_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/dashboard_page_light.png) [![Dashboard Page Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/dashboard_page_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/dashboard_page_dark.png) #### Global Search [](#global-search) Global Search Light Global Search Dark [![Global Search Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/global_search_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/global_search_light.png) [![Global Search Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/global_search_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/global_search_dark.png) #### Notification Modal [](#notification-modal) Notification Modal Light Notification Modal Dark [![Notification Modal Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/notification_modal_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/notification_modal_light.png) [![Notification Modal Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/notification_modal_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/notification_modal_dark.png) #### User Menu [](#user-menu) User Menu Light User Menu Dark [![User Menu Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/user_menu_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/user_menu_light.png) [![User Menu Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/user_menu_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/user_menu_dark.png) #### Resource Page [](#resource-page) Resource Page Light Resource Page Dark [![Resource Page Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/resources_page_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/resources_page_light.png) [![Resource Page Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/resources_page_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/resources_page_dark.png) #### Grid Table [](#grid-table) Grid Table Light Grid Table Dark [![Grid Table Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/grid_table_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/grid_table_light.png) [![Grid Table Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/grid_table_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/grid_table_dark.png) #### Forms [](#forms) Forms Light Forms Dark [![Forms Light](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/form_light.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/form_light.png) [![Forms Dark](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/form_dark.png)](https://raw.githubusercontent.com/Fa-BRAIK/dash-stack-theme/main/assets/screenshots/form_dark.png) ### Health Score 44 — FairBetter than 92% of packages Maintenance57 Moderate activity, may be stable Popularity37 Limited adoption so far Community14 Small or concentrated contributor base Maturity56 Maturing project, gaining track record Bus Factor1 Top contributor holds 95.5% 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 ~25 days Recently: every ~42 days Total 9 Last Release 260d ago Major Versions v0.1.0 → v1.0.02025-02-16 v1.x-dev → v2.x-dev2025-08-31 ### Community Maintainers ![](https://www.gravatar.com/avatar/d23abe4e557ab602950aeaf2513d2622b72d8d5b080f851338038387caf33c9a?d=identicon)[Fa-BRAIK](/maintainers/Fa-BRAIK) --- Top Contributors [![Fa-BRAIK](https://avatars.githubusercontent.com/u/36890379?v=4)](https://github.com/Fa-BRAIK "Fa-BRAIK (64 commits)")[![alkoumi](https://avatars.githubusercontent.com/u/10585943?v=4)](https://github.com/alkoumi "alkoumi (1 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")[![juniyasyos](https://avatars.githubusercontent.com/u/111669845?v=4)](https://github.com/juniyasyos "juniyasyos (1 commits)") --- Tags filamentphpfilamentphp-pluginfilamentphp-themephpfilamentfilamentphpfilamentphp-themedashStackdashboard-theme ### Code Quality TestsPHPUnit Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/nuxtifyts-dash-stack-theme/health.svg) ``` [![Health](https://phpackages.com/badges/nuxtifyts-dash-stack-theme/health.svg)](https://phpackages.com/packages/nuxtifyts-dash-stack-theme) ``` ### Alternatives [dotswan/filament-map-picker Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications. 124139.3k2](/packages/dotswan-filament-map-picker)[pboivin/filament-peek Full-screen page preview modal for Filament 253319.6k12](/packages/pboivin-filament-peek)[tapp/filament-google-autocomplete-field Filament plugin that provides a Google Autocomplete field 3098.1k](/packages/tapp-filament-google-autocomplete-field)[creagia/filament-code-field A Filamentphp input field to edit or view code data. 58289.3k3](/packages/creagia-filament-code-field)[jibaymcs/filament-tour Bring the power of DriverJs to your Filament panels and start a tour ! 12247.8k](/packages/jibaymcs-filament-tour)[swisnl/filament-backgrounds Beautiful backgrounds for Filament auth pages 54149.2k6](/packages/swisnl-filament-backgrounds) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)