Dashboard Layouts
Complete dashboard layout components with visual previews for all components.
import { ... } from "@/components/blocks/dashboard-layouts"DashboardLayoutSidebar
FreeImport DashboardLayoutSidebar from @/components/blocks/dashboard-layouts
DashboardLayoutCompact
ProImport DashboardLayoutCompact from @/components/blocks/dashboard-layouts
DashboardLayoutCollapsible
ProImport DashboardLayoutCollapsible from @/components/blocks/dashboard-layouts
DashboardLayoutStacked
ProImport DashboardLayoutStacked from @/components/blocks/dashboard-layouts
DashboardLayoutSplit
ProImport DashboardLayoutSplit from @/components/blocks/dashboard-layouts
DashboardLayoutCard
ProImport DashboardLayoutCard from @/components/blocks/dashboard-layouts
DashboardLayoutMinimal
FreeImport DashboardLayoutMinimal from @/components/blocks/dashboard-layouts
DashboardLayoutFullWidth
ProImport DashboardLayoutFullWidth from @/components/blocks/dashboard-layouts
DashboardLayoutWithBreadcrumb
ProImport DashboardLayoutWithBreadcrumb from @/components/blocks/dashboard-layouts
DashboardLayoutWithTabs
ProImport DashboardLayoutWithTabs from @/components/blocks/dashboard-layouts
DashboardLayoutWithStats
ProImport DashboardLayoutWithStats from @/components/blocks/dashboard-layouts
DashboardLayoutWithActions
ProImport DashboardLayoutWithActions from @/components/blocks/dashboard-layouts
DashboardLayoutMobile
ProImport DashboardLayoutMobile from @/components/blocks/dashboard-layouts
DashboardLayoutDark
ProImport DashboardLayoutDark from @/components/blocks/dashboard-layouts
DashboardLayoutModern
ProImport DashboardLayoutModern from @/components/blocks/dashboard-layouts
DashboardLayoutMultiColumn
ProImport DashboardLayoutMultiColumn from @/components/blocks/dashboard-layouts
DashboardLayoutFullScreen
ProImport DashboardLayoutFullScreen from @/components/blocks/dashboard-layouts
All 18 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/dashboard-layouts