Yami UI

71 components, each shown in its default state. Select one to see installation, usage, and examples.

Yes. It adheres to the WAI-ARIA design pattern.

AccordionView

Heads up!

You can add components to your app using the CLI.

AlertView

Alert DialogView

16 / 9

Aspect RatioView

ABC

AvatarView

Badge

BadgeView

BreadcrumbView

ButtonView

Button GroupView

June 2026

CalendarView

Create project

Deploy your new project in one click.

Frame content with hairline borders.

CardView

CarouselView

ChartView

Checked

Unchecked

Disabled

CheckboxView

npx shadcn@latest add button

Code BlockView

@yami starred 3 repositories

CollapsibleView

Color PickerView

ComboboxView

CommandView

Right click here

Context MenuView

Copy ButtonView

Invoice	Status	Amount
INV001	Paid	$250.00
INV002	Pending	$150.00
INV003	Unpaid	$350.00

Page 1 of 2

Data TableView

Date PickerView

DialogView

DrawerView

Dropdown MenuView

Click to edit

EditableView

No notifications

You are all caught up. Check back later.

EmptyView

FieldView

Drag and drop files here

File UploadView

FormView

Hover CardView

InputView

Input GroupView

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Input OTPView

Jane Cooper

jane@yami.ui.unsanity.ai

ItemView

⌘K

KbdView

Accept terms and conditions

LabelView

MenubarView

Native SelectView

Navigation MenuView

Navigation Progress

Navigation ProgressView

Compose a title and description.

Page HeaderView

PaginationView

PopoverView

ProgressView

Default

Comfortable

Compact

Radio GroupView

One

Two

ResizableView

Row 1

Row 2

Row 3

Row 4

Row 5

Row 6

Row 7

Row 8

Row 9

Row 10

Row 11

Row 12

Row 13

Row 14

Row 15

Row 16

Row 17

Row 18

Row 19

Row 20

Scroll AreaView

What is Yami UI?

Section HeaderView

SelectView

Yami UI

Docs

Registry

Source

SeparatorView

SheetView

SidebarView

SkeletonView

SliderView

SonnerView

Item 1

Item 2

Item 3

SortableView

SpinnerView

$45,231

Revenue

StatView

Revenue

$45,231

+20.1%

Stat CardView

Enter your account details.

StepperView

Airplane mode

SwitchView

A list of recent invoices.
Invoice	Status	Amount
INV001	Paid	$250.00
INV002	Pending	$150.00

TableView

Manage your account.

TabsView

Su	Mo	Tu	We	Th	Fr	Sa

Is it accessible?

Is it styled?

What is Yami UI?