ComponentsDashboard Layouts

Dashboard Layouts

Complete dashboard layout components with visual previews for all 18 components.

18components

2 Free·16 Pro

import { ... } from "@/components/blocks/dashboard-layouts"

DashboardLayoutSidebar

Free

1280px

Loading preview...

DashboardLayoutTopNav

Pro

1280px

Loading preview...

DashboardLayoutCompact

Pro

1280px

Loading preview...

DashboardLayoutCollapsible

Pro

1280px

Loading preview...

DashboardLayoutStacked

Pro

1280px

Loading preview...

DashboardLayoutSplit

Pro

1280px

Loading preview...

DashboardLayoutCard

Pro

1280px

Loading preview...

DashboardLayoutMinimal

Free

1280px

Loading preview...

DashboardLayoutFullWidth

Pro

1280px

Loading preview...

DashboardLayoutWithBreadcrumb

Pro

1280px

Loading preview...

DashboardLayoutWithTabs

Pro

1280px

Loading preview...

DashboardLayoutWithStats

Pro

1280px

Loading preview...

DashboardLayoutWithActions

Pro

1280px

Loading preview...

DashboardLayoutMobile

Pro

1280px

Loading preview...

DashboardLayoutDark

Pro

1280px

Loading preview...

DashboardLayoutModern

Pro

1280px

Loading preview...

DashboardLayoutMultiColumn

Pro

1280px

Loading preview...

DashboardLayoutFullScreen

Pro

1280px

Loading preview...

All 18 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/dashboard-layouts