Build with Web Components.
Style with shadcn.

54 component groups powered by Reactolith, shadcn/ui, and Base UI. Use standard HTML custom elements with world-class design.

Get Started

GitHub

Use anywhere. Just HTML.

<ui-card>
  <ui-card-header>
    <ui-card-title>Hello World</ui-card-title>
    <ui-card-description>Built with web components.</ui-card-description>
  </ui-card-header>
  <ui-card-content>
    <ui-button variant="outline">Click me</ui-button>
  </ui-card-content>
</ui-card>

Live Preview

Hello World

Built with web components.

Default

Outline

Secondary

Ghost

All Components

Layout

Aspect Ratio Card Resizable Scroll Area Separator Direction Provider

Forms

Button Button Group Calendar Checkbox Combobox Field Input Input Group Input OTP Label Native Select Radio Group Select Slider Switch Textarea Toggle Toggle Group

Data Display

Accordion Avatar Badge Carousel Chart Collapsible Item Kbd Table

Feedback

Alert Empty Progress Skeleton Sonner Spinner

Overlay

Alert Dialog Context Menu Dialog Dropdown Menu Hover Card Popover Sheet Tooltip

Navigation

Breadcrumb Command Menubar Navigation Menu Pagination Sidebar Tabs

Build with Web Components. Style with shadcn.