20 UI

Restyled primitives

shadcn's components in this system's style. Each one installs over your own copy in components/ui, and every call site keeps working.


Actions

01

Button

01

A simple button component

Inputs

03

Textarea

02

A simple textarea component

Input

03

A single line of text

Input Group

04

An input with icons, text or buttons inside its edge

Layout

06

Resizable

05

Panels you can resize by dragging the line between them

Separator

06

A hairline between groups, across or down

Marker

07

A quiet line of text, on its own or between rules

Sidebar

08

Groups of rows down the side of an app

Tabs

09

Views to switch between, one at a time

Breadcrumb

10

A path from a parent place to the current one

Overlays

06

Tooltip

11

A simple tooltip component

Sheet

12

A simple sheet component

Dialog

13

A panel in the middle of the screen, over a dimmed page

Popover

14

A glass panel beside its trigger, for small forms and details

Hover Card

15

A glass card that opens while you hover or focus its trigger

Command

16

A searchable list you move through with the keyboard

Feedback

04

Skeleton

17

A placeholder that pulses while content loads

Avatar

18

A picture of someone, or their initials

Badge

19

A short label beside something, like a plan or a status

Empty

20

What a place shows before there is anything in it