Roi UI is a library that offers UI components and blocks built with Base UI primitives. Some blocks and components use motion (framer). Everything is open-source and will be forever.
A card component that can expand to show more content.
A carousel of expandable cards showcasing core philosophies.
A carousel of expandable cards showcasing core philosophies.
A spread of expandable cards with mobile swipe-to-cycle stack view.
A spread of expandable cards with mobile swipe-to-cycle stack view.
A card component that can expand to show more content.
A form field component with label and validation.
A native fieldset element with an easily stylable legend.
A native fieldset element with an easily stylable legend.
A form field component with label and validation.
A form component for handling user input.
A form component for handling user input.
An input component for user text entry.
An input component for user text entry.
A component for displaying keyboard keys and shortcuts.
A component for displaying keyboard keys and shortcuts.
A button component for liking content.
A button component for liking content.
A login card component with email/password fields and social login options.
A login card component with email/password fields and social login options.
A horizontal menu bar component.
A horizontal menu bar component.
A graphical display of a numeric value within a range.
A graphical display of a numeric value within a range.
A navigation menu component.
A navigation menu component.
A numeric input element with increment/decrement buttons and a scrub area.
A numeric input element with increment/decrement buttons and a scrub area.
A one-time password and verification code entry field.
A one-time password and verification code entry field.
A floating content container.
A floating content container.
A floating preview card component.
A pricing section with three plan cards.
A pricing section with three plan cards.
Displays the status of a task that takes a long time.
A file upload progress card with multiple file tracking.
A file upload progress card with multiple file tracking.
Displays the status of a task that takes a long time.
An expandable table for documenting component props.
An expandable table for documenting component props.
A customizable radio button component for selecting one option from a group.
A customizable radio button component for selecting one option from a group.
A native scroll container with custom scrollbars.
A native scroll container with custom scrollbars.
A customizable select component for choosing from a list of options.
A customizable select component for choosing from a list of options.
A separator element accessible to screen readers.