Mosaic

Mosaic is the ultimate solution for developers who want to quickly build complex web applications without compromising quality or accessibility. The template is based on Tailwind CSS, allowing you to quickly adapt the design and style of your dashboard to match your branding or aesthetic preferences. Whether you’re starting a new project or updating an existing one, Mosaic is the ideal admin dashboard template to help you get the job done quickly and effectively.

What’s included

Mosaic includes over 60 pre-built pages and hundreds of components to fit the needs of every type of web application. With this template, you can focus on developing your app’s core while the toolkit takes care of the rest.

Built for

Mosaic enables you to build a variety of web applications, such as FinTech, eCommerce, productivity tools, communities, job boards, and more.

Changelog

July 7, 2026 Update

A major release across every edition: powerful new data tables (sorting, faceted filtering, pagination, row selection, and bulk delete), detail and create pages for Customers, Orders, Invoices, and Transactions, 7 brand-new dashboards (SaaS, Ecommerce, Marketing, Projects, CRM, Support, and Monitoring), new Community pages, Mosaic branding, and a full favicon set.

HTML

• Add vanilla JS + Alpine.js data tables for Customers, Orders, Invoices, and Transactions (sorting, faceted filtering, pagination, row selection, and bulk delete)
• Add Add Customer, Add Order (interactive order builder with live totals), and Create Invoice pages, plus Customer, Order, Invoice, and Transaction detail pages
• Add 7 new dashboards (SaaS, Ecommerce, Marketing, Projects, CRM, Support, Monitoring) with fully configured Chart.js charts
• Centralize sample data in js/data/ with shared getById helpers
• Add a Users – List members table and an Add Member page, wired into the Community sidebar
• Add the “Mosaic” sidebar wordmark and a “Dashboard Template by Cruip.com” header byline
• Add a dev server: pnpm dev runs the Tailwind CLI in watch mode alongside a browser-sync live-reload server
• Add a full favicon set and set descriptive page titles
• Rebuild the Finance transactions page with a running-total header, account switcher, and slide-over receipt panel

Next.js

• Add @tanstack/react-table as the engine for all data tables via a reusable headless DataTable component (sorting, faceted filtering, pagination, row selection, and bulk delete)
• Add Add Customer, Add Order (interactive order builder with live totals), and Create Invoice pages, plus detail pages for Customers, Orders, Invoices, and Transactions
• Add a reusable row actions menu (View detail / Edit / Remove) and wire everything into the sidebar
• Add 7 new dashboards (SaaS, Ecommerce, Marketing, Projects, CRM, Support, Monitoring) reusing the existing chart components
• Move sample data to a dedicated data/ folder with getById helpers and a shared users-data module
• Add a Users – List view and an Add Member page, wired into the Community sidebar
• Add the “Mosaic” sidebar wordmark and a “Dashboard Template by Cruip.com” header byline
• Add a full favicon set and descriptive page titles

React

• Add @tanstack/react-table as the engine for all data tables via a reusable headless DataTable component (sorting, faceted filtering, pagination, row selection, and bulk delete)
• Add Add Customer, Add Order (interactive order builder with live totals), and Create Invoice pages, plus detail pages for Customers, Orders, Invoices, and Transactions
• Add a reusable row actions menu (View detail / Edit / Remove) and wire everything into the sidebar
• Add 7 new dashboards (SaaS, Ecommerce, Marketing, Projects, CRM, Support, Monitoring) reusing the existing chart components
• Move sample data to a dedicated src/data/ folder with getById helpers and a shared users-data module
• Add a Users – List view and an Add Member page, wired into the Community sidebar
• Add the “Mosaic” sidebar wordmark and a “Dashboard Template by Cruip.com” header byline
• Add a full favicon set and a page title on every route
• Restore chart gradients and populate previously empty dashboard card edit menus

Vue

• Add @tanstack/vue-table as the engine for all data tables via a reusable headless DataTable component (sorting, faceted filtering, pagination, row selection, and bulk delete)
• Add Add Customer, Add Order (interactive order builder with live totals), and Create Invoice pages, plus detail pages for Customers, Orders, Invoices, and Transactions
• Add a reusable row actions menu (View detail / Edit / Remove) and wire everything into the sidebar
• Add 7 new dashboards (SaaS, Ecommerce, Marketing, Projects, CRM, Support, Monitoring) reusing the existing chart components
• Add a dedicated src/data/ folder with getById helpers and a shared users-data module
• Add a Users – List view and an Add Member page, wired into the Community sidebar
• Add the “Mosaic” sidebar wordmark and a “Dashboard Template by Cruip.com” header byline
• Add a full favicon set and a page title on every route
• Populate previously empty dashboard card edit menus and fix dead links

Laravel

• Add Alpine.js data tables for Customers, Orders, Invoices, and Transactions (sorting, faceted filtering, pagination, row selection, and bulk delete)
• Add Add Customer, Add Order (interactive order builder with live totals), and Create Invoice pages, plus Customer, Order, Invoice, and Transaction detail pages
• Add row actions menus and wire the detail and create pages into the sidebar
• Add 7 new dashboards (SaaS, Ecommerce, Marketing, Projects, CRM, Support, Monitoring) with fully configured Chart.js charts bundled through Vite
• Add a Users – List members table and an Add Member page, wired into the Community sidebar
• Add the “Mosaic” sidebar wordmark and a “Dashboard Template by Cruip.com” header byline
• Add a full favicon set and descriptive page titles
• Standardize card, button, and control shadows for consistent depth across pages