Components

Beautiful UI components built with shadcn/ui and Radix UI

Button

Clickable button with multiple variants

Input

Text input field

Checkbox

Checkable input

Switch

Toggle switch

Slider

Range slider

Badge

Status badge

Default
Secondary
Destructive
Outline

Alert

Alert message

Avatar

User avatar

CNAB

Progress

Progress indicator

Tabs

Tabbed content

Make changes to your account here.

Dialog

Modal dialog

Accordion

Collapsible content

Select

Dropdown select

Tooltip

Hover tooltip

Card

Content container

Card Title

Card description goes here

Card content goes here.

Table

Data table

NameStatusAmount
John Doe
Active
$100
Jane Smith
Inactive
$200

Separator

Visual separator

Content above
Content below

Typography

Text components

Heading 1

Heading 2

Heading 3

Paragraph text with normal styling.

Muted text for secondary information.

Radio Group

Single selection

Chip

Compact tag component

Default
Secondary
Alert
Outline

Rating

Star rating component

Menu

Dropdown menu

Pagination

Page navigation

Timeline

Event timeline

Project Started

Jan 1, 2024

Initial project kickoff and team formation.

Development Phase

Jan 15, 2024

Core development and feature implementation.

Launch

Feb 1, 2024

Official product launch.

Scroll Area

Custom scrollable area

This is a scrollable area component.

It provides custom styled scrollbars.

You can add any content here.

Keep scrolling to see more...

More content here.

And even more content.

Almost there...

Bottom reached!

Autocomplete

Auto-complete input