Mosaic - Tailwind CSS Admin Dashboard Template

Mosaic template introMosaic template screensMosaic template featuresMosaic template design system

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.

Take a Look at some similar Templates