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.