Panel
The Panel component groups related content with a consistent label style.
Toolbar
This control strip combines multiple input types into a cohesive unit, reducing visual noise while maximizing functionality.
Pagination
Designed to scale from 5 to 500 pages, this pagination component uses smart ellipsis logic to keep the UI compact while maintaining context.
Divider
Simple but essential, the Divider creates visual breathing room between sections.
Box
Use for custom containers that need standard spacing or styling without semantic baggage.
Stack
Primary layout tool for arranging elements in a single direction.
Grid
Used for dashboards, card grids, and complex page layouts.
Tabs
Organizing content into separate views without navigation.
Accordion
Managing vertically stacked content density.
Modal
Critical interruptions or complex sub-tasks.
Drawer
Secondary actions, filtering, or details views.
Menu
List of actions or navigation links.
Stepper
Showing progress in multi-step workflows.