Mosaic – Tailwind CSS Admin Dashboard Template
Mosaic is a powerful admin dashboard template built with Tailwind CSS. It features hundreds of pre-built layouts and sections and is coded in HTML, React, and Vue. Mosaic comes with dozens of functional designs to help you get started quickly. With a wide range of beautiful styles and a full-screen layout, it's a perfect fit for admin dashboards, eCommerce, marketplaces, FinTech, and SaaS companies to use as a starting point for their projects. If you are looking to take your app to the next level – Mosaic is the way to go!
What's inside
- 50 Pre-assembled pages (available in HTML, React and Vue)
- 80+ Ready-made demo sections
- 14 Atomic Components (buttons, forms, modals, tooltip, pagination, and more)
- 18 Beautiful Charts (line, bars, stacked bars, doughnut, polar)
- 7 Table layouts
- 6 E-Commerce layouts (shop, product, cart, checkout)
- Blog feed + Blog post
- Authentication pages
- Utility sections (changelog, roadmap, pricing plans, and more)
- 4 Steps onboarding process
- Kanban Board
- Full-page Calendar
- Inbox app layout
- Chat app layout
- Page not found (404)
- … and more!
Features
- Light / Dark mode
- Fully Responsive layouts
- Retina-ready
- Focus on accessibility for keyboard navigation + WAI-ARIA
- Clean code with comments
- W3C validation passed
- Google Fonts integration
- Beautiful SVG icons
- Third-party libraries integration (Chart.js, Flatpickr)
- Design files included (for Sketch and Figma)
Tech Specs
HTML Template
The HTML template is shipped with a pre-compiled CSS file. You can use the Tailwind CLI tool if you need to make changes to the template, and need to re-compile the the CSS.
Key dependencies
- Tailwind CSS 3
- Alpine.js 3
- Chart.js 4
- Flatpickr 4
React Template
Basic project built with React + Vite.
Key dependencies
- React 18
- React Router 6
- Tailwind CSS 3
- Vite 4
- Chart.js 4
- React Flatpickr 3
Next.js Template
Key dependencies
Basic app built with Next.js with the App Router (app folder), React Server Components, and TypeScript support.
- Next.js 13
- Tailwind CSS 3
- TypeScript 5
- Chart.js 4
- React Flatpickr 3
Vue Template
Basic project built with Vue + Vite.
Key dependencies
- Vue 3
- Vue Router 4
- Tailwind CSS 3
- Vite 4
- Chart.js 4
- Vue Flatpickr 9
Laravel Template
Basic project built with Laravel Jetstream and Livewire + Blade as Stack.
- Vue 3
- Vue Router 4
- Tailwind CSS 3
- Vite 3
- Chart.js 4
- Vue Flatpickr 9
Mosaic is developed and maintained by the team behind Cruip, which creates beautiful Tailwind CSS templates for a variety of uses such as landing pages, websites, and web applications.