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 modal dialog component.
A modal dialog component.
A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.
A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.
A dropdown menu component.
A dropdown menu component.
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 full-featured kanban board with drag-and-drop functionality.
A full-featured kanban board with drag-and-drop functionality.
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 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.