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(11mo ago)1915.9k—2.7%8[2 issues](https://github.com/Fa-BRAIK/dash-stack-theme/issues)[1 PRs](https://github.com/Fa-BRAIK/dash-stack-theme/pulls)MITCSSPHP ^8.2CI passing

Since Feb 11Pushed 10mo 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 today

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

43

—

FairBetter than 89% of packages

Maintenance51

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

305d 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

[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3914.6k](/packages/rawilk-profile-filament-plugin)[stephenjude/filament-jetstream

A Laravel starter kit built with Filament inspired by Jetstream.

17760.2k3](/packages/stephenjude-filament-jetstream)[codewithdennis/filament-select-tree

The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths.

329530.5k29](/packages/codewithdennis-filament-select-tree)[dotswan/filament-map-picker

Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications.

128192.3k3](/packages/dotswan-filament-map-picker)[croustibat/filament-jobs-monitor

Background Jobs monitoring like Horizon for all drivers for FilamentPHP

274325.8k8](/packages/croustibat-filament-jobs-monitor)[stephenjude/filament-debugger

About

104162.2k2](/packages/stephenjude-filament-debugger)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)