Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

Last update: May 17, 2022

Free Tailwind dashboard template

Mosaic TailwindCSS template preview

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React. It comes with several pre-coded charts (built with Chart.js 3) and widgets, and it's a great starting 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 the live demo here 👉️ https://mosaic.cruip.com/

Mosaic PRO

Looking for more pages and components? Have a look at the premium version here 👉️ https://cruip.com/demos/mosaic/

Table of contents

Usage

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm install

To install the dependencies package.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Credits

Terms and License

  • Released under the GPL.
  • Copyright 2020 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.

GitHub

https://github.com/cruip/tailwind-dashboard-template
You might also like...

Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React - Free Dashboard using React and Material UI

May 11, 2022

Free React Admin Dashboard made with Material UI components and React.

Free React Admin Dashboard made with Material UI components and React.

Minimal UI (Free version) Free React Admin Dashboard made with Material UI components and React. Minimal Kit FREE Minimal Kit PRO 7 Demo Pages 40 demo

May 10, 2022

React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

May 11, 2022

:point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

:point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

Relay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It com

Apr 28, 2022

Vision-ui-dashboard-chakra - An Innovative Admin Template for Chakra UI and React

Vision-ui-dashboard-chakra - An Innovative Admin Template for Chakra UI and React

Vision UI Free Chakra Most trendiest, complex and innovative Free Chakra UI Dash

May 11, 2022

Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.

Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application.

May 12, 2022

Salvia-kit provides beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

Salvia-kit provides beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

Salvia-kit provides beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

May 13, 2022

Berry free react material-ui admin template for easing and faster web development.

Berry free react material-ui admin template for easing and faster web development.

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

May 17, 2022

CoreUI React is a free React admin template based on Bootstrap 5

CoreUI Free React Admin Template v4 CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app i

May 14, 2022
Comments
  • 1. md breakpoint is not working

    I am a newbie in using a template and tailwindcss.

    1. I just add a md breakpoint into my Dashboard.js file and realise it didn't work. it still works on my project( tailwindcss + reactJs).

    image

    1. After I stretch in and out the width of the browser, the DashboarCard seems to go wrong, it's stretched and does not return to its original size anymore. image

    Note: I just downloaded the template and adjusted the package.json from "scripts": { "start": "TAILWIND_MODE=watch craco start", to "scripts": { "start": "set PORT=3002 &&craco start", and I run npm start like i usually do to run it

    Reviewed by phungchiminhquang at 2022-01-04 11:20
  • 2. Permission to release a tutorial

    Hello Everyone,

    super nice work. I liked it so much I would like to write a tutorial on how to build a full stack app with your theme.

    You can see the seed of my work here, a brief list of features

    • Ecmascript modules
    • PWA, installable and working offline
    • Serverless environment for the backend
    • Authentication (firebase, metamask, ...)

    I would like to ask you permission to release an open source tutorial. I have also made some small improvements that maybe can be backported in the commercial theme? I think the tutorial could add value to your offer.

    Reviewed by espoal at 2022-03-27 18:01
  • 3. [Question] Vue version ETA?

    This is such a beautiful template, when do you think the Vue version will be available?

    Will it be written in Vue 3 or 2?

    If it's in Vue 3 will it make heavy use of composition, or options API's?

    Thanks, I'm eager to purchase.

    Reviewed by ghost at 2021-05-04 05:14
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to

May 18, 2022
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

May 12, 2022
Free React Typescript Admin Dashboard Template built with Material-UI
Free React Typescript Admin Dashboard Template built with Material-UI

Tokyo Free White Typescript React Admin Dashboard Free React Typescript Admin Dashboard Template built with Material-UI This free and open source admi

May 10, 2022
Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple.
Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple.

Light Bootstrap Dashboard React Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top

Apr 22, 2022
⚛️A free and beautiful React admin dashboard template pack.
⚛️A free and beautiful React admin dashboard template pack.

Shards Dashboard React A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note

May 14, 2022
🔮 Sofia React Template - Admin Dashboard Template built with React
🔮 Sofia React Template - Admin Dashboard Template built with React

?? Sofia React Template - Admin Dashboard Template built with React

May 12, 2022
Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of components built to fit together and look amazing.
Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of components built to fit together and look amazing.

Black Dashboard React Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of c

May 8, 2022
Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.
Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin.

Notus NextJS A beautiful UI Kit and Admin for Tailwind CSS and NextJS. Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Le

May 12, 2022
Notus React: Free Tailwind CSS UI Kit and Admin
Notus React: Free Tailwind CSS UI Kit and Admin

Notus React A beautiful UI Kit and Admin for Tailwind CSS and React. Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let N

May 6, 2022
Soft UI Dashboard React - Free Dashboard using React and Material UI
Soft UI Dashboard React - Free Dashboard using React and Material UI

Soft UI Dashboard React - Free Dashboard using React and Material UI

May 11, 2022