Download the PHP package sanjaya/laravel-daisyui-starter without Composer
On this page you can find all versions of the php package sanjaya/laravel-daisyui-starter. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download sanjaya/laravel-daisyui-starter
More information about sanjaya/laravel-daisyui-starter
Files in sanjaya/laravel-daisyui-starter
Package laravel-daisyui-starter
Short Description A Laravel starter kit with DaisyUI integration
License MIT
Informations about the package laravel-daisyui-starter
Laravel DaisyUI Starter Kit
A beautiful Laravel starter kit with DaisyUI integration, providing a modern and responsive UI framework for your Laravel applications. Built with Tailwind CSS v4 and the latest DaisyUI.
Features
- 🎨 DaisyUI components integration
- 🌓 Dark mode support with theme persistence
- 📱 Responsive design
- 🎯 CSS-first theme configuration
- 🚀 Easy to customize
- 📦 Simple installation
- 🔐 Authentication with Laravel Breeze
- ⚡ Tailwind CSS v4 integration
- 📱 Ready-to-use example pages and components
Requirements
- PHP ^8.2
- Laravel ^12.0
- Node.js & NPM
Installation
-
Create a new Laravel project:
- Install Laravel Breeze:
When prompted, select the "Blade with Alpine" option.
-
Install the package via composer:
- Run the installation command:
This will:
- Publish the package assets and example pages
- Install required NPM packages
- Configure Vite with Tailwind CSS
- Set up the theme configuration
- Build the assets
-
Start your development server:
- In a separate terminal, start the Vite development server:
Example Pages and Components
The package comes with pre-built example pages showcasing various DaisyUI components:
Layout Structure
The base layout (resources/views/vendor/layouts/app.blade.php
) includes:
- Responsive navigation bar
- Theme switcher (light/dark mode)
- User dropdown menu
- Automatic theme persistence using localStorage
To use the layout in your views:
Dashboard Example
The dashboard example (resources/views/vendor/dashboard.blade.php
) demonstrates:
-
Stats Cards:
-
Alert Components:
-
Form Elements:
- Data Tables:
Common Components
-
Buttons:
-
Cards:
-
Badges:
-
Avatars:
- Dropdowns:
Screenshots
Dashboard
Login Page
Theme Configuration
Themes are now configured directly in your CSS using CSS variables, following Tailwind CSS v4's CSS-first approach. The configuration is located in resources/css/app.css
:
Customizing Colors
To customize your theme colors, modify the CSS variables in resources/css/app.css
. Available color variables:
--color-primary
: Main brand color--color-secondary
: Secondary brand color--color-accent
: Accent color--color-neutral
: Neutral color--color-base-100
: Background color--color-info
: Information color--color-success
: Success color--color-warning
: Warning color--color-error
: Error color
Switching Themes
To switch themes in your Blade templates:
For dynamic theme switching:
Usage
After installation, you can use DaisyUI components in your views:
Authentication
The package integrates with Laravel Breeze for authentication. All auth views are styled with DaisyUI components. Available routes:
- Login:
/login
- Register:
/register
- Password Reset:
/forgot-password
- Profile:
/profile
Troubleshooting
Common Issues
-
If you get a stability error when installing, use:
-
If assets are not showing up correctly:
- Make sure you've published all assets
- Clear your Laravel cache:
php artisan cache:clear
- Rebuild your npm assets:
npm run build
- If themes are not applying:
- Ensure the
data-theme
attribute is properly set on your HTML elements - Check that your CSS variables are correctly defined in
resources/css/app.css
- Make sure Vite is properly building your assets
- Ensure the
Security
If you discover any security related issues, please create a issue using the issue tracker.
License
The MIT License (MIT). Please see License File for more information.