Starter Template Dashboard for Laravel

Using

• Splade SPA
• Daisy UI UI Components
• Icon Heroicons from Blade UI kit - Icon
• DiceBear Icon Profile

Development Process

• [x] create more components for the template
• [x] documentation for template components and splade components
• [x] Dark Mode Component
• Dark Mode Login Page (On progress)

Screenshot Dashboard

• Login Page

• Light Mode

• Dark Mode

• Profile Page

• Helper & Component doucmentation page

Icon Usage

Icons can be used as self-closing Blade components which will be compiled to SVG icons:

<x-heroicon-o-arrow-left/>

You can also pass classes to your icon components:

<x-heroicon-o-arrow-left class="w-6 h-6 text-gray-500"/>

And even use inline styles:

<x-heroicon-o-arrow-left style="color: #555"/>

Or use the @svg in directive:

@svg('heroicon-o-arrow-left', 'w-6 h-6', ['style' => 'color: #555'])

The solid icons can be referenced like this:

<x-heroicon-s-arrow-left/>

The mini icons can be referenced like this:

<x-heroicon-m-arrow-left/>