Mosaic - Tailwind CSS Admin Dashboard Template

Preview

Mosaic template intro
Mosaic template screens
Mosaic template features
Mosaic template design system



{inAds}

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 + .
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 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 + .
Key dependencies





  • Vue 3

  • Vue Router 4

  • Tailwind CSS 3

  • Vite 4

  • Chart.js 4

  • Vue Flatpickr 9



Laravel Template

Basic project built with and 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 for a variety of uses such as landing pages, websites, and web applications.

Columns
Compatible BrowsersFirefox, Safari, Opera, Chrome, Edge
Compatible WithReactJS
Demo URL
DocumentationWell Documented
High ResolutionYes
LayoutResponsive
ThemeForest Files IncludedHTML Files, CSS Files, SCSS Files, JS Files

{getCard} $type={download} $title={Download Mosaic - Tailwind CSS Admin Dashboard Template} $info={117.5Mb} $button={Download Free}

Previous Post Next Post