Theme
Ready-to-use components curated and voted on by the community.
A dismissable modal dialog that confirms leaving a workspace, with focus containment.
Controlled local rename dialog with validation, dismissal and focus return.
A Radix Popover with a small invite form, email validation, Close and Escape dismissal and focus return.
An accessible modal dialog built on the Radix dialog primitive, rendering through a portal with focus trapping, Escape and overlay dismissal.
A destructive confirmation for deleting a project, with Cancel focused first and a clear Delete action.
An attributed Morphing Dialog that expands a release card into a modal with focus trapping, focus return, Escape and outside-click closing and reduced-motion support.
A native dialog that scales in over a blurred backdrop to confirm inviting a teammate.
A help note rendered through Portal into a separate sidebar region of the example.
A positioned popper with a fade transition that previews a shipping estimate.
A help popover anchored to an info button, rendered inside the example's main region.
An unstyled-base Modal confirming a workspace export, with focus trapping and Escape.
A temporary filter drawer with focus management and local selection.
Controlled local rename modal; empty-name validation, cancel, Escape and focus return.
A custom quick-actions panel that closes when you click outside it or press Escape.
A share popover with a read-only link field that traps focus and returns it on close.
A draggable sticky-note Floating Window that can be shown, moved and closed.
A right-hand filters drawer with a title, close button and apply action.
Controlled local rename modal; empty-name validation, cancel, Escape and focus return.
A hero thumbnail with a play button that opens an animated video dialog; the preview uses a local thumbnail and a local animated frame instead of a hosted video.
A plan details HeroUI Popover with a heading, arrow and supporting copy, opened from a button.
Controlled local rename dialog with validation, dismissal and focus return.
A filters HeroUI Drawer that slides in with a header, filter options and apply or reset actions.
A destructive confirmation HeroUI Alert Dialog with an icon, explanation and cancel or delete actions.
A share popover with copy-link and email actions, a close button and focus return.