LogoA Template
icon of laravel-tailwind-css-dashboard

laravel-tailwind-css-dashboard

A Laravel dashboard preset using Tailwind CSS with RTL support, offering Vue and Alpine options with stacked/sidebar layouts.

Introduction

Laravel Tailwind CSS Dashboard Preset

This is a Laravel preset for scaffolding a dashboard front-end using Tailwind CSS. It provides support for RTL (Right-to-Left) layouts out of the box. The preset offers different options for Vue and Alpine, with both stacked and sidebar layouts available.

Key Features:

  • Tailwind CSS: Utilizes Tailwind CSS for styling.
  • RTL Support: Ready for right-to-left languages.
  • Vue Preset: Options for Vue-based dashboards.
  • Alpine Preset: Options for Alpine.js-based dashboards.
  • Layout Options: Stacked and sidebar layouts are available.

Usage:

  1. Install the preset using composer: composer require miaababikir/laravel-tailwind-dashboard-preset
  2. Choose a preset option:
    • Vue with stacked layout: php artisan ui tailwind-dashboard --option=vue.stacked
    • Vue with sidebar layout: php artisan ui tailwind-dashboard --option=vue.sidebar
    • Alpine with stacked layout: php artisan ui tailwind-dashboard --option=alpine.stacked
    • Alpine with sidebar layout: php artisan ui tailwind-dashboard --option=alpine.sidebar
  3. Install npm dependencies and build assets: npm install && npm run dev
  4. Run the Laravel server: php artisan serve

Todo:

  • Password reset
  • Verify email
  • Welcome
A template
Copy badages awards

Newsletter For Templates

Join the Community For Templates

Subscribe to Templates newsletter for the latest news and updates