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(1y ago)1916.2k—8.8%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 11mo 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 1w 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

42

—

FairBetter than 88% of packages

Maintenance47

Moderate activity, may be stable

Popularity36

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity57

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

351d 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.

3915.5k](/packages/rawilk-profile-filament-plugin)[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.

329575.9k35](/packages/codewithdennis-filament-select-tree)[finity-labs/fin-mail

A powerful email template manager and composer for Filament with dynamic token replacement, template versioning, and inline email sending.

316.8k2](/packages/finity-labs-fin-mail)[stephenjude/filament-jetstream

A Laravel starter kit built with Filament inspired by Jetstream.

17861.9k3](/packages/stephenjude-filament-jetstream)[mradder/filament-logger

Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels.

2324.4k1](/packages/mradder-filament-logger)[tapp/filament-form-builder

User facing form builder using Filament components

133.5k6](/packages/tapp-filament-form-builder)

PHPackages © 2026

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