Components

Discover and explore all 13 components in the Rebel UI library. Each component is designed with accessibility, performance, and developer experience in mind.

Form Controls

Interactive elements for user input and form handling

7 components

Button

stable

Versatile button component with multiple variants and states

PrimarySecondaryDestructive
View Documentation

Input

stable

Text input field with validation and various types

TextEmailPassword
View Documentation

Textarea

stable

Multi-line text input with auto-resize capabilities

MultilineAuto-resize
View Documentation

Checkbox

stable

Checkbox input with indeterminate state support

BinaryIndeterminate
View Documentation

Switch

stable

Toggle switch for boolean values with smooth animations

ToggleBoolean
View Documentation

Slider

stable

Range slider for numeric value selection

RangeNumeric
View Documentation

Toggle

stable

Toggle button for on/off states

BinaryState
View Documentation

Data Display

Components for presenting and organizing information

4 components

Card

stable

Flexible container for grouping related content

ContainerFlexible
View Documentation

Badge

stable

Small status indicators and labels

StatusLabel
View Documentation

Avatar

stable

User profile pictures with fallback support

ProfileImage
View Documentation

Divider

stable

Visual separator for content sections

SeparatorLayout
View Documentation

Feedback

Components for user notifications and alerts

2 components

Alert

stable

Contextual alerts and notifications with various severity levels

NotificationStatus
View Documentation

Dialog

beta

Modal dialogs and overlays for focused interactions

ModalOverlay
View Documentation

Quick Start

Get started with Rebel UI components in your project:

npm install @rebel-ui/core
  
  import { Button } from '@rebel-ui/core';
  
  <Button variant="primary">
    Get Started
  </Button>
Installation Guide Quick Start