Ready-to-use foundation components/blocks built on top of shadcn/ui.
The main Navigation menu demo from the docs.
The Dropdown example from the Navigation menu docs.
The Right to left example from the Navigation menu docs.
Animated numbers where only the changed digits spin, with any Intl format and locale.
The main Number flow demo from the docs.
The Formats example from the Number flow docs.
The Inline and in badges example from the Number flow docs.
The Interruptions and events example from the Number flow docs.
The Only changed digits move example from the Number flow docs.
The Right to left example from the Number flow docs.
The Timing example from the Number flow docs.
The Trend example from the Number flow docs.
Page navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.
The Compact example from the Pagination docs.
The Composable example from the Pagination docs.
The main Pagination demo from the docs.
The Jump to a page example from the Pagination docs.
The Links example from the Pagination docs.
The Right to left example from the Pagination docs.
A floating panel anchored to a trigger that resizes smoothly with its content and follows the trigger’s direction.
The Content that changes size example from the Popover docs.
The Controlled example from the Popover docs.
The main Popover demo from the docs.
The Detached triggers example from the Popover docs.
The Disabled example from the Popover docs.
The Long content example from the Popover docs.
The Modal example from the Popover docs.
The Nested example from the Popover docs.
The Open on hover example from the Popover docs.
The Placement example from the Popover docs.
The Right to left example from the Popover docs.
The With a calendar example from the Popover docs.
A bar or ring that shows how far a task has come, eases between updates and slides while the total is unknown.
The Animated value example from the Progress docs.
The Circle example from the Progress docs.
The Custom range and format example from the Progress docs.
The main Progress demo from the docs.
The Indeterminate example from the Progress docs.
The Indeterminate circle example from the Progress docs.
The Long labels example from the Progress docs.
The Right to left example from the Progress docs.
The Sizes example from the Progress docs.
The Status example from the Progress docs.
The Without a visible label example from the Progress docs.
A step-by-step form that moves between questions with a sense of direction, shows real progress and answers from the keyboard.
The Auto-advance example from the Questionnaire docs.
The Conditional questions example from the Questionnaire docs.
The main Questionnaire demo from the docs.