11 Themes, One Design System
A theme decides what the product looks like and how its screens are arranged. They are built from the same tokens and the same components, so choosing one is a choice about shape and identity rather than about how much you get.
Voilet
The standard: a full-height sidebar with the header beside it.
A full-height sidebar with the page header beside it
- Ships in
- React, Next.js, Vue, Angular, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- the base every other theme starts from
- Free
- pro
Console
A global bar with a context switcher, and a sidebar scoped to what it selects.
A global bar across the top, over a sidebar scoped to what the bar selected
- Ships in
- React, Next.js, Vue, Angular, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 147 tokens of its own
- pro
Desk
Several records open at once: a resizable rail, a command bar and closable tabs.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 16 tokens of its own
- pro
Board
A global bar, a sidebar scoped to the project it selects, and a nav the reader can drag.
A bar carrying a primary action, over a resizable sidebar scoped to one project
- Ships in
- React, Next.js, Vue, Angular, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 147 tokens of its own
- pro
Suite
A light application with a dark panel of grouped sections.
An application rail, module tabs running across, and a filter sidebar inside the content
- Ships in
- React, Next.js, Vue, Angular, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 151 tokens of its own
- pro
Rack
Dense warehouse operations: a light full-height rail, black primary actions, 4px corners.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 148 tokens of its own
- pro
Counter
An eCommerce operations console: a wide tinted rail, a lime primary, the profile at the foot.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 148 tokens of its own
- pro
Panel
A friendly SaaS console: a white rail on a grey page, indigo actions, no header band.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 148 tokens of its own
- pro
Flow
Three floating cards on a grey ground: a violet AI console with a rounded, gutter-inset chrome.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 148 tokens of its own
- pro
Reach
An edge-to-edge rail flush to the viewport in rose and Inter Tight, with a rail search and a page-toolbar band under the header.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 149 tokens of its own
- pro
Cloud
An enterprise cloud console: two stacked header rows, a navigation that swaps between a row and a rail, and a docked panel.
- Ships in
- React, Next.js, HTML, Laravel · Tailwind CSS, Bootstrap, Bulma
- Screens
- 78
- Design
- 24 tokens of its own
- pro