A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Demo showing an animated radix dialog.

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

Demo showing an animated radix dropdown menu.

Demo showing an animated radix files.

For sighted users to preview content available behind a link.

Demo showing an animated radix hover card.

Displays rich content in a portal, triggered by a button.

Demo showing an animated radix popover.

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Demo showing an animated radix progress.

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Demo showing an animated radix radio group.

Extends the Dialog component to display content that complements the main content of the screen.

Demo showing an animated radix sheet.

A control that allows the user to toggle between checked and not checked.

Demo showing an animated radix switch.

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Demo showing an animated radix tabs.

A two-state button that can be either on or off.

Demo showing an animated radix toggle.

A set of two-state buttons that can be toggled on or off.

Demo showing an animated radix toggle group.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Demo showing an animated radix tooltip.

A button that animates on tap with a ripple effect.

Demo showing a ripple button.

A rolling text animation.

Demo showing an animated rolling text.

A rotating text animation.

Demo showing an animated rotating text.

A scrolling number animation.

Demo showing an animated scrolling number.

A scroll progress component that allows you to track the progress of a scrollable element.

A full-featured chat search modal with conversation preview, inline rename, delete, keyboard navigation, and time-grouped results.

Demo of the Search Modal component.

Settings icon component.

A shimmering text animation.

Demo showing an animated shimmering text.

An animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous).

Demo showing an animated shine.

An effect that allows you to animate elements with a slide effect on first view or load.

Demo showing an animated slide.

A sliding number animation.

Demo showing an animated sliding number.

Turn file uploads into engaging moments with smooth animations and intuitive visual feedback

Demo of the Smart File Uploader.

A splitting text animation.