Giter Club home page Giter Club logo

laravel-tailwindcss-admin-dashboard-template's Introduction

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.

laravel-tailwindcss-admin-dashboard-template's People

Contributors

pasqualevitiello avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

laravel-tailwindcss-admin-dashboard-template's Issues

Forms not displaying the same as the demo

When I click on the profile setting it loads user/profile however the text and boxes do not display properly, is this due to them using the jetstream files and not the template files?

RTL support

What about RTL support for this amazing dashboard?

Why I can't add new API route like login, register?

when I add this API route it redirect me existing login page. I add this route in api.php
Route::middleware('guest')->post('/register_user', [RegistrationController::class, 'store'])->name('register');

Is this really Livewire?

I'm confused...
Is this really Livewire as mentioned in the repo's tags?
I found this in the Readme "This project was built with Vue 3 and Vite."
Then in the JS code I see it uses Alpine.js
So, is the Readme out of date? Is this now using Alpine.js and Livewire? Or, does it still use Vue3?

Using template

I have install TALL stack, how to use this just template without pre-compiled Laravel?

Links in the demo

It looks good seeing the demo, but when I click any link in the demo, nothing happens. Is it on purpose?

What version of nodejs do I need to build the frontend?

Upgrade Laravel 10 and Livewire

Hi I am trying to upgrade this to Laravel 10, which seems to work fine, however if I try to upgrade jetstream/livewire I get an error <x-jet-label class does not found,

Inertia.js + Vue 3 support?

Hey folks,

A huge thanks for porting this theme to Laravel. I had wanted to utilise it for ages, but due to time constraints (porting it over) I left it.

It is awesome seeing that you guys have migrated it. I was excited when I saw “Jetstream” and “Vue 3” as this is my current stack (via Inertia.js).

However it seems this is using Livewire instead?

https://github.com/cruip/laravel-tailwindcss-admin-dashboard-template#usage

Looking around they are all blade files.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.