Blocks

Higher-level building blocks that combine multiple components into ready-to-use patterns.

Layouts

High-level layout scaffolding and page shells.

2 blocks

Navigation

Sidebar, navigation groups, and user menus.

4 blocks

Cards

Feature cards, metric cards, and kanban cards.

3 blocks

Data

Tables, boards, and charts for displaying data.

3 blocks

Documentation

Docs shells and content wrappers for help experiences.

3 blocks

Layouts

2 blocks

App Layout

Default app layout scaffold with sidebar and content slots.

Site Header

Header bar with sidebar trigger and breadcrumb actions.

Navigation

4 blocks

Nav Main

Primary sidebar navigation with quick actions.

Nav Documents

Sidebar documents section with actions menu.

Nav Secondary

Secondary sidebar navigation links.

Nav User

Sidebar user menu with profile actions.

Cards

3 blocks

Feature Card

Large feature card with text, demo area, and optional callouts.

Kanban Card

Composable kanban card with status indicator, title, description, detail rows, and tag pills.

Section Cards

Metric cards for dashboard sections.

Data

3 blocks

Data Table

Interactive data table with sorting, filters, and drawer editor.

Kanban Board

Kanban board primitives with drag-and-drop columns and cards built on @dnd-kit/react.

Chart Area Interactive

Interactive area chart with time range controls.

Documentation

3 blocks

Docs Shell

Shared documentation shell with header, sidebar, and ToC.

Help Center Docs

Help Center document page wrapper.

Trust Center Docs

Trust Center document page wrapper.