cruip / tailwind-dashboard-template

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

Free Tailwind dashboard template

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

Design files

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

Table of contents

• Usage
  • Project setup
  • Compiles and hot-reloads for development
  • Compiles and minifies for production
  • Customize configuration
• Support notes
• Credits
• Terms and License
• About Us
• Stay in the loop

Usage

This project was bootstrapped with Vite.

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

Support notes

We are shipping our templates with a very basic React configuration to let you quickly get into the development process, but we don't discourage you from using any other configuration or framework built on the top of React. So, please note that any request dealing with React (e.g. extra features, customisations, et cetera) is to be considered out of the support scope.

For more information about what support covers, please see our (FAQs)[https://cruip.com/faq/].

Credits

• Nucleo

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.

tailwind-dashboard-template's Issues

Pages on demo site are blank

If I navigate to any of the pages on the demo site at https://mosaic.cruip.com/ such as Onboarding > Step 1, they are blank.

Is this by design? I was hoping to see the demo for each page.

EDIT: If I use the demo at https://cruip.com/demos/mosaic/ it seems to work ok

convert to typescript

error about Dynamic require of "tailwindcss/plugin" is not supported

i tried to change code to fine error position, i finally find error in postcss.cjs files,
please tell me how can i fix it , thanks

my settings :

postcss.config.cjs

import tailwindConfig from "./src/css/tailwind.config.cjs";
import autoprefixer from "autoprefixer";
import tailwind from "tailwindcss";

export default {
  plugins: [tailwind(tailwindConfig), autoprefixer],
};

tailwind.config.cjs

npm WARN [email protected] No repository field.

~/t/tailwind-dashboard-template git:(main) ✗ npm install
npm WARN [email protected] No repository field.
npm WARN [email protected] No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: @esbuild/[email protected] (node_modules/@esbuild/linux-loong64

Making the sidebar collapsible

Thanks for the work. Could you please make the sidebar collapsible?

dropdown.current is null

While clicked on logout link it's throwing error.

HTML version

Hi sir, thank you for this great dashboard is there an HTML version for it ?

[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.

Dropdown not working on team menu.

hi i found a bug when i click on team menu nothing happens

Missing licence

Hello,

which licence do you use? No Licence provided

nothing loads in demo

demo loads only main page

whatever else link I select, it's just blank

Running

Scusate l'incompetenza, come faccio ad usare il tutto una volta scaricato lo zip? :) C'è un file di installazione o una pagina web? Non ho trovato nessuno dei due :,(

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.

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).

2. 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.
   

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