Components

Beautiful, accessible React components built with Tailwind CSS. Copy, paste, and customize to fit your needs.

Quick Install

Install all components at once with our npm package, or use the CLI to add individual components.

npm install @uiblox/uiornpx @uiblox/cli add button

Interactive button component with multiple variants, sizes, and states.

Text input field with label, placeholder, and validation support.

Flexible container component for grouping related content.

Small label component for status indicators and counts.

Contextual feedback messages for user actions and system status.

User profile image with fallback initials and status indicators.

Selectable checkbox input for boolean choices and multi-select.

Toggle switch for binary on/off settings.

Dropdown selection component for choosing from options.

Multi-line text input for longer form content.

Contextual information popup on hover or focus.

Expandable menu for actions and navigation options.

Dialog overlay for focused user interactions.

Tabbed interface for organizing content into sections.

Every component is designed with developer experience in mind: