juniyasyos / dash-stack-theme-juniyasyos
DashStack theme for filament php
Fund package maintenance!
Fa-BRAIK
Requires
- php: ^8.2
- filament/filament: ^3.0
- illuminate/contracts: ^11.0|^12.0
- spatie/laravel-package-tools: ^1.19
Requires (Dev)
- larastan/larastan: ^3.0
- laravel/pint: ^1.20
- phpunit/phpunit: ^11.0
This package is auto-updated.
Last update: 2025-03-15 17:22:52 UTC
README
Tested on Filamentphp demo app
Acknowledgements
Name based and Design inspired from DashStack Theme. Big thanks for Seju for this amazing design.
Documentation
Installation
Step 1: Install this package using composer:
composer require juniyasyos/dash-stack-theme-juniyasyos
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-juniyasyos:install
Step 3: Register filament plugin:
Within your targeted panel provider, you can now use and register dash stack theme plugin:
use Juniyasyos\DashStackTheme\DashStackThemePlugin; // ... $panel->plugin(DashStackThemePlugin::make());
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-juniyasyos.php use Juniyasyos\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
tofalse
.
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.
List of upcoming changes:
- Date / DateTime / DateRange component
- Select component (Could be only UI changes for this one)
Appearance
Login Page
Login Page Light | Login Page Dark |
---|---|
![]() |
![]() |
Dashboard Page
Dashboard Page Light | Dashboard Page Dark |
---|---|
![]() |
![]() |
Global Search
Global Search Light | Global Search Dark |
---|---|
![]() |
![]() |
Notification Modal
Notification Modal Light | Notification Modal Dark |
---|---|
![]() |
![]() |
User Menu
User Menu Light | User Menu Dark |
---|---|
![]() |
![]() |
Resource Page
Resource Page Light | Resource Page Dark |
---|---|
![]() |
![]() |
Grid Table
Grid Table Light | Grid Table Dark |
---|---|
![]() |
![]() |
Forms
Forms Light | Forms Dark |
---|---|
![]() |
![]() |