Back to UI Kit
Live demo
UI Kit
Production-grade UI primitives kit: themed buttons, dialog primitives, form controls, overlays, and application blocks — all tokenized, accessible, and ready to compose.
Layout
12 components in this category. Pick one to open its details page.
- AppShellTop-level app frame — header, nav rail, and main scroll region.
- SidebarLayoutSidebar layout for settings, admin, and documentation surfaces.
- HeaderLayoutTitle row with supporting metadata and a compact action cluster.
- ResponsiveGridResponsive content grid for cards and repeated blocks.
- BentoGridAsymmetric grid where one item gets more space than its siblings.
- MasonryListLoose list layout for uneven text snippets and activity summaries.
- MasterDetailMaster/detail layout where a list controls the detail pane.
- InspectorLayoutPrimary workspace with a contextual right inspector rail.
- TwoColumnLayoutTwo-column layout for forms with supporting preview content.
- 16 : 9AspectRatioLocks a child to a target width:height ratio (CSS-only).
- SeparatorVisual divider with separator semantics, horizontal or vertical.
- ScrollAreaScrollable region with a styled, non-layout-shifting scrollbar.