Component Library

Browse, preview, and copy components

Utility Components

Utility and helper components for common UI patterns. Includes loading states, ratings, file uploads, and more.

Empty State
Placeholder for empty content areas.

Documentation

EmptyState provides visual feedback when there is no content to display. Includes icon, title, description, and optional action.

No messages

You don't have any messages yet.

Spinner & Loading
Loading indicators and spinners.

Documentation

Spinner and LoadingDots provide visual feedback during loading states. Multiple sizes available.

Loading...
Loading...
Loading...
Loading
Rating
Star rating input and display.

Documentation

Rating component for collecting and displaying star ratings. Supports interactive and read-only modes.

3.0
(128)
File Upload
Drag and drop file upload zone.

Documentation

FileUpload provides a dropzone for file uploads with drag-and-drop support, file validation, and preview.

Drop files here or click to upload

Accepts: image/* • Max 5MB

Color Picker
Color selection with presets.

Documentation

ColorPicker and ColorSwatch components for selecting colors with preset options and custom input.

Timeline
Display events in chronological order.

Documentation

Timeline component for displaying a series of events or steps in chronological order.

Order placed

Processing

Stepper
Step-by-step progress indicator.

Documentation

Stepper shows progress through a multi-step process. Supports horizontal and vertical orientations.

2
3
Divider
Content separators with optional text.

Documentation

Divider components for separating content sections. Supports text and icon variants.

OR
Keyboard Key
Display keyboard shortcuts.

Documentation

Kbd component for displaying keyboard shortcuts and key combinations.

K
Command palette
Stats Card
Display key metrics and statistics.

Documentation

StatsCard shows important metrics with icons and optional trends. Perfect for dashboards.

12,345

Users

+12%

892

Events

5%
Avatar Group
Stack multiple avatars together.

Documentation

AvatarGroup displays multiple avatars in a compact overlapping layout with overflow count.

ABC
+2
Chat Bubble
Message bubbles for chat interfaces.

Documentation

ChatBubble displays messages in a chat-like format with support for user/other differentiation.

AI

Hello! How can I help you?

ME

I have a question about my order.

AI
Notification Badge
Count badges and status indicators.

Documentation

NotificationBadge and StatusBadge add notification counts and online status to elements.

5
JD
AB