Back to Catalog
Dashboard Layouts
8 ComponentsResponsive dashboard skeletons, multi-workspace sidebar layouts, and flexible grid structures.
Sidebar
Main Content
01 / LAYOUTSPremium
App Sidebar Layout
App Sidebar Layout primitive crafted with Tailwind CSS and React TSX.
LayoutsSaaSResponsive
Tailwind CSS + TSXView details
Tokens
4.2M
Requests
12,480
02 / LAYOUTSPremium
Metric Summary Cards
Fluid grid mapping database totals and request volumes.
LayoutsDashboard
Tailwind CSS + TSXView details
⚡
Workspace Dashboard
API status ok
0 active sessions
03 / LAYOUTSPremium
Dashboard Layout Grid
A responsive structural dashboard layout mapping main sidebar, top statistics grid, and records view.
LayoutsDashboardResponsive
Tailwind CSS + TSXView details
Grid Left
Grid Span Right
04 / LAYOUTSPremium
Fluid Column Layout
Clean multi-column grid layout with nested cards.
LayoutsDashboard
Tailwind CSS + TSXView details
Dashboard Overview
● System Healthy05 / LAYOUTSPremium
Metric Overview Header
Metric Overview Header primitive crafted with Tailwind CSS and React TSX.
LayoutsSaaSResponsive
Tailwind CSS + TSXView details
GeneralKeys
System Parameters
Alter core vector index models.
06 / LAYOUTSPremium
Split View Settings
Modern panel splitting view across sidebar actions and core details.
LayoutsDashboard
Tailwind CSS + TSXView details
Account Settings
Configure email and secret access tokens.
07 / LAYOUTSPremium
Settings Section Grid
Settings Section Grid primitive crafted with Tailwind CSS and React TSX.
LayoutsSaaSResponsive
Tailwind CSS + TSXView details
First Name
Last Name
08 / LAYOUTSPremium
Two Column Form Layout
Two Column Form Layout primitive crafted with Tailwind CSS and React TSX.
LayoutsSaaSResponsive
Tailwind CSS + TSXView details