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 collapsible content component.
A collapsible content component.
An AI chat input component with mode selector and action buttons.
An AI chat input component with mode selector and action buttons.
A component for displaying important messages to users.
A modal dialog that interrupts the user with important content.
A modal dialog that interrupts the user with important content.
A component for displaying important messages to users.
An input that suggests options as you type.
An input that suggests options as you type.
An image element with a fallback for representing the user.
An image element with a fallback for representing the user.
A background component with various visual effects.
A background component with various visual effects.
A small count and labeling component.
A small count and labeling component.
A button component.
A button component.
A date picker calendar component.
A date picker calendar component.
A container component for displaying content.
A section with 4 image cards in a masonry layout.
A section with 4 image cards in a masonry layout.
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 container component for displaying content.
A task card component with badges, avatars, and action menu.
A task card component with badges, avatars, and action menu.
A website traffic card component with line chart and statistics.
A website traffic card component with line chart and statistics.
A slideshow component for cycling through content.
A slideshow component for cycling through content.
Composable chart components for building any type of data visualization with Recharts primitives.
Composable chart components for building any type of data visualization with Recharts primitives.
A control that allows users to select one or more options from a set.
A set of checkboxes with shared state management for selecting multiple options.
A set of checkboxes with shared state management for selecting multiple options.
A control that allows users to select one or more options from a set.
An expandable/collapsible panel controlled by a button.
An expandable/collapsible panel controlled by a button.
A searchable select component.
A searchable select component.
A command palette component.
A command palette component.
A menu component triggered by right-click or long press.
A menu component triggered by right-click or long press.
A button component with animated copy-to-clipboard functionality.
A button component with animated copy-to-clipboard functionality.