Mosaic

Mosaic is a free, open-source admin dashboard template created by Cruip and distributed via ThemeWagon, built on React v19, Tailwind CSS v4, and Vite.js to give developers a responsive starting point for data-monitoring interfaces.

What is Mosaic?

Mosaic is a free admin dashboard template with a modular design, built for data visualization and monitoring use cases. It takes a starter project skeleton and provides a complete dashboard UI with a collapsible sidebar, top navigation dropdowns, a modal search, and a chart suite powered by Chart.js. The template runs on Vite.js as the build tool, uses React Router DOM for page routing, and is distributed as open source under a license that permits commercial projects with lifetime free updates. It was created by Cruip, a design agency known for Tailwind templates, and is listed on ThemeWagon.

Key Features

• React v19 and Tailwind CSS v4 — The bundle uses the current React version and Tailwind CSS v4 utility classes, with Vite.js for fast development servers and optimized production builds.
• Dark / Light Theme — Both color schemes are included, letting users switch appearance without rebuilding the UI.
• Rich Chart Suite — Chart.js integration provides multiple chart types for dashboards, analytics, and monitoring panels.
• Collapsible Side Navigation Bar — The sidebar collapses into a compact burger-menu layout on smaller screens, with on-hover effects and notification/profile dropdowns.
• Data Filter and Date Picker — Data filtering controls and a date picker are included for managing tabular information and date ranges.
• Modal Search — A click-triggered modal search overlay is built into the main interface.
• Mobile-First and Cross-Browser — The layout is fully responsive and compatible with Chrome, Edge, Firefox, Opera, Safari, Android, iPad, and iPhone.
• Multipage Design and Clean Codebase — The package includes 1 prebuilt page, all demo images, and a clean codebase tagged for easy customization, with support for multipurpose use.

Who is it for?

• React and Tailwind developers who want a free, modern alternative to Bootstrap-based admin templates and need a working Vite.js scaffold.
• Startup and SaaS teams that need a dashboard with dark mode, charts, and filterable data views without building the UI from scratch.
• Freelance and agency developers looking for an open-source dashboard they can customize and use in commercial client projects, keeping in mind the free version requires credit and includes no support.

What can you do with Mosaic?

• Analytics dashboards: wire up Chart.js to live data and use the date picker and data filters to let users explore metrics.
• Internal admin panels: use the collapsible sidebar, dropdowns, and modal search to build a back-office interface for managing users or orders.
• Web app prototypes: leverage the mobile-first responsive layout to demo a product's admin area on both desktop and mobile devices quickly.

FAQ

Is Mosaic free?

Yes, Mosaic is free to download from ThemeWagon and can be used in commercial projects under an open-source license. The free version requires credit, and no support is provided; ThemeWagon offers premium alternatives like Phoenix Tailwind for those who want support and no attribution.

What tech stack does Mosaic use?

Mosaic is built with React v19, Tailwind CSS v4, Vite.js, and React Router DOM, with Chart.js for charts. It also includes the Tailwind CSS, React, and Chart.js libraries as part of the package.

How many pages are included in Mosaic?

The template ships with 1 prebuilt page, plus all demo images and the necessary library and plugin files. The flexible layout system is designed for you to extend it into a multipage dashboard.

Which browsers and devices does Mosaic support?

Mosaic is fully responsive and cross-browser compatible, supporting Chrome, Edge, Firefox, Opera, Safari, Android, iPad, and iPhone.