Ready-to-use components curated and voted on by the community.
A project file tree built from TreeView with expandable folders and single selection.
Controlled automatic horizontal tabs with disabled Settings.
A three-step checkout with Steps indicators, per-step content and back and next triggers.
A docs layout split into resizable panels with Splitter and a keyboard-resizable divider.
A skip link that appears on keyboard focus and moves past the site navigation to the content.
Search results paged with Pagination items, previous and next triggers and a page summary.
A sort menu with item groups, a separator and a disabled option, rendered inline.
Help-centre links in plain and underlined variants that record the last article opened.
A payment details section that expands and collapses with a labelled trigger.
A folder breadcrumb trail with separators, a current page and local subfolder navigation.
Controlled single-open collapsible billing accordion with disabled section.
A share popover with a title, body and close trigger rendered inline.
A draggable, resizable notes panel that opens from a trigger and can be minimised or closed.
A settings drawer with header, body, footer and close trigger, rendered without a portal.
Controlled local rename dialog with validation, dismissal and focus return.
Spinners in three sizes shown while a simulated report export runs.
A labelled onboarding progress bar with value text and striped animation while active.
A feedback Textarea that grows with its content and counts the remaining characters.
A recipients field where Tags Input turns typed addresses into removable tags.
Controlled switch preference with disabled companion.
A labelled monthly budget slider with value text and marks at key amounts.
A framework picker built from Select with a styled trigger, indicator and checked items.
A calendar view segmented control with a sliding indicator and keyboard navigation.
A full Tiptap rich text editor built from the Chakra UI composition: toolbar controls for text style, font, formatting, headings, lists, links, alignment, colour and highlight, with @mention and #tag menus.
