Ready-to-use components curated and voted on by the community.
A notification settings sheet that slides in from the right, built on the pinned Radix Dialog.
A bottom drawer built on Vaul for setting a daily activity goal, with a drag handle and footer actions.
An edit-profile dialog with a form, footer actions and a close button, built on the pinned Radix Dialog.
A delete-project confirmation that blocks the page until the user cancels or confirms.
A click-triggered popover with a header and body that closes on outside click.
A positioned overlay hint attached to a field, toggled and placed from local controls.
A side panel of notification switches with local saving.
Controlled local rename modal; empty-name validation, cancel, Escape and focus return.
A dialog popover opened from a button, with a heading and actions that close it.
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.
