A Laravel dashboard front-end scaffolding preset for Tailwind CSS - Support RTL out of the box.

Related tags

Starter Projects laravel-tailwind-css-dashboard-preset
Overview

🔥 Laravel tailwind css dashboard preset

Total Downloads Daily Downloads License

A Laravel dashboard front-end scaffolding preset for Tailwind CSS - Support RTL out of the box.

Usage

  1. Fresh install Laravel >= 7.0|8.0 and cd to your app.
  2. Install this preset via composer require miaababikir/laravel-tailwind-dashboard-preset. Laravel will automatically discover this package. No need to register the service provider.

For Vue preset with stacked layout

  1. Use php artisan ui tailwind-dashboard --option=vue.stacked
  2. npm install && npm run dev
  3. php artisan serve (or equivalent) to run server and test preset.

For Vue preset with sidebar layout

  1. Use php artisan ui tailwind-dashboard --option=vue.sidebar
  2. npm install && npm run dev
  3. php artisan serve (or equivalent) to run server and test preset.

For Alpine preset with stacked layout

  1. Use php artisan ui tailwind-dashboard --option=alpine.stacked
  2. npm install && npm run dev
  3. php artisan serve (or equivalent) to run server and test preset.

For Alpine preset with sidebar layout

  1. Use php artisan ui tailwind-dashboard --option=alpine.sidebar
  2. npm install && npm run dev
  3. php artisan serve (or equivalent) to run server and test preset.

Todo

  • Password reset
  • Verify email
  • Welcome

Screenshots

Register

Login

Stacked Dashboard

Sidebar Dashboard

You might also like...
Scaffolding to add some Mojo to your Drupal projects.

mojo-drupal-scaffold Scaffolding to add some Mojo to your Drupal projects. This package adds scaffolding files for your Drupal project by integrating

Bluehorn Digital 5 Mar 15, 2022
Laravel Admin Dashboard, Admin Template with Frontend Template, for scalable Laravel projects. It is to save your time when You start with new scalable Laravel projects with many features Bootstrap, cooreui, infyom admin Generator, roles and permissions, translatable models, spatie media and much more
Laravel Admin Dashboard, Admin Template with Frontend Template, for scalable Laravel projects. It is to save your time when You start with new scalable Laravel projects with many features Bootstrap, cooreui, infyom admin Generator, roles and permissions, translatable models, spatie media and much more

Based on Laravel8.x laravel starter Template, to save your time when You start with new scalable Laravel projects with many features. Live Demo you ca

Omar Alalwi 56 Dec 12, 2022
There is no better way to learn than by watching other developers code live. Find out who is streaming next in the Laravel world.
There is no better way to learn than by watching other developers code live. Find out who is streaming next in the Laravel world.

Larastreamers This is the repository of https://larastreamers.com. It shows you who is live coding next in the Laravel world. Installation Steps clone

Christoph Rumpel 201 Nov 24, 2022
Web Sekolah yang dibuat diatas CMS Popoji dengan base Laravel 6. Web Sekolah ini sudah diintegrasikan dengan template semesta-front.

Web Sekolah yang dibuat diatas CMS Popoji dengan base Laravel 6. Web Sekolah ini sudah diintegrasikan dengan template semesta-front.

Muhamad Ramdani Hidayatullah 1 Feb 6, 2022
a free, open-source dashboard panel starter kit for Laravel
a free, open-source dashboard panel starter kit for Laravel

QAdmin a free, open-source dashboard panel starter kit for Laravel. Just intall and everything is ready Tech Stack Client: ruangAdmin, Bootstrap, Jque

null 30 Oct 11, 2022
a laravel package to create dynamically dashboard views in several templates ( in development)

Laravel Dashboarder A laravel package for generate admin dashboard dynamically based on Tabler template use livewire - alpinejs Installation Run the c

Laravel Iran Community 7 Dec 12, 2022
Base Laravel framework with a simple admin site/dashboard

Base Laravel Admin Just a basic Laravel 4.1 install with a admin site/dashboard using Bootstrap 3.0.3 For those (like me) who set up lots of small sys

Alex Dover 1 Nov 6, 2015
Laravel + Angularjs + Bootstrap + AdminLTE binded by Gulp workflow Admin Dashboard Boilerplate / Starter.
Laravel + Angularjs + Bootstrap + AdminLTE binded by Gulp workflow Admin Dashboard Boilerplate / Starter.

Laravel Angular Admin Laravel + Angularjs + Bootstrap + AdminLTE binded by Gulp workflow Admin Dashboard Boilerplate. Plus Oauth and JWT authenticatio

Alex Quiambao 927 Dec 30, 2022
Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy).
Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy).

Admin One — Free Laravel Vue Bulma Dashboard Admin One is simple, beautiful and free Laravel admin dashboard (built with Vue.js, Bulma & Buefy). Built

Viktor Kuzhelny 136 Dec 27, 2022
Comments
  • Component Request

    Component Request

    Hi!

    I'd like to request a few advanced components for this repo.

    List of components

    • Searchable select
      • Ability to search through the select
    • Modals
    opened by FoksVHox 3
  • npm ERR!

    npm ERR! 

    npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >=14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >=14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/@types/browser-sync/node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]
npm WARN notsup Unsupported engine for [email protected]: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"13.7.0","npm":"6.13.6"})
npm WARN notsup Not compatible with your version of node/npm: [email protected]

added 1235 packages from 526 contributors and audited 1239 packages in 131.453s

89 packages are looking for funding
  run `npm fund` for details

found 41 vulnerabilities (39 moderate, 2 high)
  run `npm audit fix` to fix them, or `npm audit` for details
[root@docker-dev beton]# docker-compose run --rm npm run dev

> @ dev /var/www/html
> npm run development


> @ development /var/www/html
> mix


✖ Mix
  Compiled with some errors in 20.56s

(node:38) ExperimentalWarning: Conditional exports is an experimental feature. This feature could change at any time
(node:38) ExperimentalWarning: Package name self resolution is an experimental feature. This feature could change at any time

● Mix █████████████████████████ cache (99%)  
 begin idle

ERROR in ./resources/js/app.js 4:26-71
Module not found: Error: Can't resolve './components/UI/BaseNav' in '/var/www/html/resources/js'

ERROR in ./resources/js/app.js 5:29-77
Module not found: Error: Can't resolve './components/UI/BaseHeader' in '/var/www/html/resources/js'

ERROR in ./resources/js/app.js 6:28-75
Module not found: Error: Can't resolve './components/UI/BasePanel' in '/var/www/html/resources/js'

ERROR in ./resources/js/app.js 7:28-75
Module not found: Error: Can't resolve './components/UI/BaseInput' in '/var/www/html/resources/js'

ERROR in ./resources/js/app.js 8:30-79
Module not found: Error: Can't resolve './components/UI/BaseSidebar' in '/var/www/html/resources/js'

webpack compiled with 5 errors
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-05-25T15_08_10_745Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-05-25T15_08_10_825Z-debug.log
    opened by widg 1
  • Dynamic sidebar

    Dynamic sidebar

    Hi there,

    I've started using this preset and I'm wondering what are the best practices around the sidebar component.

    Is there any links on how I should update the sidebar entries and of course, the change selected entry based on the current page?

    Thanks!

    opened by viniciushsantana 1
Releases(v0.6.0)
Owner
Miaababikir
Software engineer, Web developer, Clean Coder (Die Trying) and In love with Laravel.
Miaababikir
GitHub
Integration of Adminator into Laravel 6.x/7.x/8.x with RTL support

Laradminator Laravel PHP Framework with Adminator as admin dash Setup: All you need is to run these commands: git clone https://github.com/kossa/larad

Kouceyla 213 Dec 15, 2022
18Laravel ReactJS Package to simplify sending data from Laravel back-end to front-end built to Facebook ReactJS.

Laravel ReactJS This is a package that we wrote to use on our Laravel applications that use React from Facebook. Our goal is deal with the SEO problem

Cohros 28 Feb 10, 2022
A PHP notebook application build with PHP Symfony as back-end API and VueJS/Vuetify front-end.

PHPersonal Notes ?? - BETA RELEASE PHPersonal notes is an application to store your personal notes! PHPersonalnotes is build with Symfony/VueJS/Vuetif

Robert van Lienden 3 Feb 22, 2022
Hydra is a zero-config API boilerplate with Laravel Sanctum that comes with excellent user and role management API out of the box

Hydra - Zero Config API Boilerplate with Laravel Sanctum Hydra is a zero-config API boilerplate with Laravel Sanctum and comes with excellent user and

Hasin Hayder 858 Dec 24, 2022
A lightweight full-stack component layer that doesn't dictate your front-end framework

Airwire A lightweight full-stack component layer that doesn't dictate your front-end framework Demo Introduction Airwire is a thin layer between your

ARCHTECH 199 Nov 23, 2022
React laravel starter kit with tailwind css and vite js(laravel 9)

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Jerald Tonmoy Dias 2 Dec 23, 2022
Basic Crud Generator (With Code Files, like GII (YII2)) Using Laravel, Livewire and Tailwind CSS

LiveCrud Live Crud Generator. This package generates Basic Crud with Livewire. Features Generate Complete Crud With Livewire Component and Blade Files

Ritesh Singh 28 Oct 12, 2022
A Laravel 9, Vite, Svelte SPA, Tailwind CSS (w/ Forms Plugin & Aspect Ratio Plugin), Axios & TypeScript starter template.

Laravel 9 + Vite + Svelte + Tailwind CSS This starter template includes: Laravel 9 Vite Svelte Tailwind CSS (w/ @tailwindcss/forms and @tailwindcss/as

Ronnie 19 Dec 20, 2022
A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0

AdminLTE template Laravel package A Laravel package that switch default Laravel scaffolding / boilerplate to AdminLTE template with Bootstrap 3.0 and

Sergi Tur Badenas 1.8k Jan 3, 2023
laravel/ui with auth scaffolding for Laravel 8

Legacy UI Presets with Auth scaffolding for Laravel 8 Introduction This project brings old Auth scaffolding to Laravel 8 for projects that cannot migr

Roger Vilà 56 Jul 17, 2022