A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.
Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.
A popup that appears when a link is hovered, showing a preview for sighted users.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
A circular intro animation component that arranges elements in a radial layout, smoothly transitioning them into orbit with looping motion.
A circular context menu built with Base UI, displaying actions in a clean radial layout with full keyboard support and smooth interaction.
A circular navigation menu with animated pointer and expanding buttons for smooth interactive transitions.
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
A vertically stacked set of interactive headings that each reveal an associated section of content.
A modal dialog that interrupts the user with important content and expects a response.
A control that allows the user to toggle between checked and not checked.
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
For sighted users to preview content available behind a link.
Demo showing an animated radix preview link card.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.