/laravel-TALL-admin-dashboard-template

Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in Laravel. Made by

Primary LanguageBlade

Free Tailwind & Laravel admin dashboard template

Mosaic TailwindCSS template preview

Mosaic Lite Laravel is a responsive admin dashboard template built on top of Tailwind CSS and fully coded in Laravel Jetstream. This template is a great starting point for anyone who wants to create a user interface for SaaS products, administrator dashboards, modern web apps, and more. Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it.

Created and maintained with ❤️ by Cruip.com.

Live demo

Check a live demo here 👉️ https://mosaic.cruip.com/

Mosaic Pro

Mosaic Pro

Design files

If you need the design files, you can download them from Figma's Community 👉 https://bit.ly/3sigqHe

Table of contents

Usage

This project was built with Laravel Jetstream and Livewire + Blade as Stack.

Setup your .env config file

Make sure to add the database configuration in your .env file such as database name, username, password and port.

Install Laravel dependencies

In the root of your Laravel application, run the php composer.phar install (or composer install) command to install all of the framework's dependencies.

Migrate the tables

In order to migrate the tables and setup the bare minimum structure for this app to display some data you shoud open your terminal, locate and enter this project directory and run the following command

php artisan migrate

Generate some test data

Once you have all your database tables setup you can then generate some test data which will come from our pre-made database table seeders. In order to do so, in your terminal run the following command

php artisan db:seed

N.B. If you run this command twice, all the test data will be duplicated and added to the existing table data, if you want to avoid having duplicate test data please make sure to truncate the following datafeeds table in your database.

Compile the front-end

In order to compile all the CSS and JS assets for the front-end of this site you need to install NPM dependencies. To do that, open the terminal, type npm install and press the Enter key.

Then run npm run dev in the terminal to run a development server to re-compile static assets when making changes to the template.

When you have done with changes, run npm run build for compiling and minify for production.

Launch the Laravel backend

In order to make this Laravel installation work properly on your local machine you can run the following command in your terminal window.

php artisan serve

You should receive a message similar to this Starting Laravel development server: http://127.0.0.1:8000 simply copy the URL in your browser and you'll be ready to test out your new mosaic laravel app.

Credits

Terms and License

  • License 👉 https://cruip.com/terms/.
  • Copyright 2022 Cruip.
  • Use it for personal and commercial projects, but please don’t republish, redistribute, or resell the template.
  • Attribution is not required, although it is really appreciated.

About Us

We're an Italian developer/designer duo creating high-quality design/code resources for developers, makers, and startups.

Stay in the loop

If you would like to know when we release new resources, you can follow us on Twitter, or you can subscribe to our monthly newsletter.