✨ Get all templates and new upcoming releases for just $89. Limited time offer ✨
Cruip
Mosaic template preview

The All-in-one Tailwind CSS Admin Dashboard Template.

The all-in-one admin dashboard template for creating stunning and fully responsive web applications. Mosaic is built on top of Tailwind CSS and coded in HTML, React, Vue, and Laravel.

  • HTML badge
    HTML
  • React badge
    React
  • Vue.js badge
    Vue
  • Sketch badge
    Sketch
  • Figma badge
    Figma
View Live Demo

Tons of pages, tons of possibilities

Mosaic comes with hundreds of ready-made pages and sections to let you create any type of web application for yourself or your clients.

Main Dashboard
Analyics Dashboard
Fintech Dashboard
Customers (Table)
Orders (Table)
Invoices (Table)
Single Product
Users (Tabs)
Users (Tiles)
Forum Post
Meetups - Post
Finance (Cards)
Finance (Transactions)
Finance (Transaction Details)
Job Board (Listing)
Job Board (Post)
Job Board (Company)
Tasks (Kanban)
Tasks (List)
Campaigns
Settings (My Account)
Settings (My Notifications)
Settings (Connected Apps)
Settings (Plans)
Settings (Billing & Invoices)
Settings (Feedback)
Changelog
Empty state
Knowledge Base
Authentication (Sign Up)
Authentication (Sign In)
Authentication (Forgot Password)
Onboarding 1/4
Onboarding 2/4
Onboarding 3/4
Onboarding 4/4

One product, endless patterns, and user flows

Mosaic is packed with a huge selection of UX patterns and user flows to give you a solid foundation for every kind of project.

  • Account Settings
  • Billing
  • Support
  • Product Updates
  • Analytics / Data
  • Notifications
  • Registration / Authentication
  • Checkout
  • Messaging & Communication
  • Team Management
  • Calendars & Time
  • Tasks & Collaboration
  • Onboarding
  • Managing orders
  • Profiles
  • Utilities
  • Lists & Tables
  • And much more...
Mosaic features preview

Customise anything, with no limitations

Mosaic is built using Tailwind's utility classes, which means that all components have low specificity to allow you to change anything on the fly.

Looks great on all browsers and devices

Worried about cross-testing on multiple browsers and responsive devices? Don't be! With Mosaic, we’ve already handled that for you.

Compatible browsers
Mosaic in browsers

Beautiful, clean-looking code to help you move faster

Mosaic has a robust and clean code structure that enables you to quickly personalise the features you want and scale your platform as your needs grow.

  • HTML
  • React
  • Vue
  • Laravel
HTML code

Everything's under control with the design system.

Sometimes, the little details take the most time. That's why we've created a robust library of UI elements that you can quickly integrate into your projects.

  • Buttons
  • Actions
  • UI Badges
  • Breadcrumbs
  • Dropdown & other states
  • Modal & Popovers
  • Tooltip & Messages
  • Avatar & Placeholders
  • Input forms
  • Paginations
  • Tabs
  • And much more...
Mosaic components

Bring your data to life with beautiful charts

One of the most crucial parts when creating a dashboard is deciding how to present your data. Mosaic has dozens of ready-to-use widgets built using the chart.js library.

Mosaic widgets

Purchase Mosaic today, plus any updates we release for a one-time payment.

Buy Mosaic
$59
You will get:
  • Full access to Mosaic
  • Lifetime support & updates
Mosaic icon 2
Buy Unlimited Access
$89
$129
You will get Mosaic, plus:
  • Access to 18 more templates
  • Access to all new Cruip templates
  • Lifetime support & updates