Compares UI components available in:
Last updated: 2024-11-15T00:25:54.666Z. Updates checked daily via cron.yml.
Jump to table:
Component Name | Schadcn | SchadcnSvelte |
---|---|---|
Accordion | 🟢 | 🟢 |
Alert | 🟢 | 🟢 |
Alert Dialog | 🟢 | 🟢 |
Aspect Ratio | 🟢 | 🟢 |
Astro | 🟢 | ❌ |
Avatar | 🟢 | 🟢 |
Badge | 🟢 | 🟢 |
Breadcrumb | 🟢 | 🟢 |
Button | 🟢 | 🟢 |
CLI | 🟢 | ❌ |
Calendar | 🟢 | 🟢 |
Card | 🟢 | 🟢 |
Carousel | 🟢 | 🟢 |
Changelog | 🟢 | ❌ |
Chart | 🟢 | ❌ |
Checkbox | 🟢 | 🟢 |
Collapsible | 🟢 | 🟢 |
Combobox | 🟢 | 🟢 |
Command | 🟢 | 🟢 |
Components.Json | ❌ | ❌ |
Context Menu | 🟢 | 🟢 |
Dark Mode | ❌ | ❌ |
Data Table | 🟢 | 🟢 |
Date Picker | 🟢 | 🟢 |
Dialog | 🟢 | 🟢 |
Drawer | 🟢 | 🟢 |
Dropdown Menu | 🟢 | 🟢 |
Figma | 🟢 | ❌ |
Form | 🟢 | 🟢 |
Gatsby | 🟢 | ❌ |
Hover Card | 🟢 | 🟢 |
Input | 🟢 | 🟢 |
Input OTP | 🟢 | ❌ |
Installation | 🟢 | ❌ |
Introduction | 🟢 | ❌ |
Label | 🟢 | 🟢 |
Laravel | 🟢 | ❌ |
Manual | 🟢 | ❌ |
Menubar | 🟢 | 🟢 |
Navigation Menu | 🟢 | ❌ |
Next.Js | ❌ | ❌ |
Next.Js 15 + React 19 | ❌ | ❌ |
Open In V0 | ❌ | ❌ |
Pagination | 🟢 | 🟢 |
Popover | 🟢 | 🟢 |
Progress | 🟢 | 🟢 |
Radio Group | 🟢 | 🟢 |
Range Calendar | ❌ | 🟢 |
Remix | 🟢 | ❌ |
Resizable | 🟢 | 🟢 |
Scroll Area | 🟢 | 🟢 |
Select | 🟢 | 🟢 |
Separator | 🟢 | 🟢 |
Sheet | 🟢 | 🟢 |
Sidebar | 🟢 | ❌ |
Skeleton | 🟢 | 🟢 |
Slider | 🟢 | 🟢 |
Sonner | 🟢 | 🟢 |
Switch | 🟢 | 🟢 |
Table | 🟢 | 🟢 |
Tabs | 🟢 | 🟢 |
Textarea | 🟢 | 🟢 |
Theming | 🟢 | ❌ |
Toast | 🟢 | ❌ |
Toggle | 🟢 | 🟢 |
Toggle Group | 🟢 | 🟢 |
Tooltip | 🟢 | 🟢 |
Typography | 🟢 | ❌ |
Vite | 🟢 | ❌ |
Component Name | Schadcn | SchadcnSvelte | BitsUi | MeltUi |
---|---|---|---|---|
Accordion | 🟢 | 🟢 | 🟢 | 🟢 |
Alert | 🟢 | 🟢 | ❌ | ❌ |
Alert Dialog | 🟢 | 🟢 | 🟢 | ❌ |
Aspect Ratio | 🟢 | 🟢 | 🟢 | ❌ |
Astro | 🟢 | ❌ | ❌ | ❌ |
Avatar | 🟢 | 🟢 | 🟢 | 🟢 |
Badge | 🟢 | 🟢 | ❌ | ❌ |
Breadcrumb | 🟢 | 🟢 | ❌ | ❌ |
Button | 🟢 | 🟢 | 🟢 | ❌ |
CLI | 🟢 | ❌ | ❌ | ❌ |
Calendar | 🟢 | 🟢 | 🟢 | 🟢 |
Card | 🟢 | 🟢 | ❌ | ❌ |
Carousel | 🟢 | 🟢 | ❌ | ❌ |
Changelog | 🟢 | ❌ | ❌ | ❌ |
Chart | 🟢 | ❌ | ❌ | ❌ |
Checkbox | 🟢 | 🟢 | 🟢 | 🟢 |
Collapsible | 🟢 | 🟢 | 🟢 | 🟢 |
Combobox | 🟢 | 🟢 | 🟢 | 🟢 |
Command | 🟢 | 🟢 | ❌ | ❌ |
Components.Json | ❌ | ❌ | ❌ | ❌ |
Context Menu | 🟢 | 🟢 | 🟢 | 🟢 |
Dark Mode | ❌ | ❌ | ❌ | ❌ |
Data Table | 🟢 | 🟢 | ❌ | ❌ |
Date Field | ❌ | ❌ | 🟢 | 🟢 |
Date Picker | 🟢 | 🟢 | 🟢 | 🟢 |
Date Range Field | ❌ | ❌ | 🟢 | 🟢 |
Date Range Picker | ❌ | ❌ | 🟢 | 🟢 |
Dialog | 🟢 | 🟢 | 🟢 | 🟢 |
Drawer | 🟢 | 🟢 | ❌ | ❌ |
Dropdown Menu | 🟢 | 🟢 | 🟢 | 🟢 |
Figma | 🟢 | ❌ | ❌ | ❌ |
Form | 🟢 | 🟢 | ❌ | ❌ |
Gatsby | 🟢 | ❌ | ❌ | ❌ |
Hover Card | 🟢 | 🟢 | ❌ | ❌ |
Input | 🟢 | 🟢 | ❌ | ❌ |
Input OTP | 🟢 | ❌ | ❌ | ❌ |
Installation | 🟢 | ❌ | ❌ | ❌ |
Introduction | 🟢 | ❌ | ❌ | ❌ |
Label | 🟢 | 🟢 | 🟢 | 🟢 |
Laravel | 🟢 | ❌ | ❌ | ❌ |
Link Preview | ❌ | ❌ | 🟢 | 🟢 |
Manual | 🟢 | ❌ | ❌ | ❌ |
Menubar | 🟢 | 🟢 | 🟢 | 🟢 |
Navigation Menu | 🟢 | ❌ | ❌ | ❌ |
Next.Js | ❌ | ❌ | ❌ | ❌ |
Next.Js 15 + React 19 | ❌ | ❌ | ❌ | ❌ |
Open In V0 | ❌ | ❌ | ❌ | ❌ |
PIN Input | ❌ | ❌ | 🟢 | ❌ |
Pagination | 🟢 | 🟢 | 🟢 | 🟢 |
Popover | 🟢 | 🟢 | 🟢 | 🟢 |
Progress | 🟢 | 🟢 | 🟢 | 🟢 |
Radio Group | 🟢 | 🟢 | 🟢 | 🟢 |
Range Calendar | ❌ | 🟢 | 🟢 | 🟢 |
Remix | 🟢 | ❌ | ❌ | ❌ |
Resizable | 🟢 | 🟢 | ❌ | ❌ |
Scroll Area | 🟢 | 🟢 | 🟢 | 🟢 |
Select | 🟢 | 🟢 | 🟢 | 🟢 |
Separator | 🟢 | 🟢 | 🟢 | 🟢 |
Sheet | 🟢 | 🟢 | ❌ | ❌ |
Sidebar | 🟢 | ❌ | ❌ | ❌ |
Skeleton | 🟢 | 🟢 | ❌ | ❌ |
Slider | 🟢 | 🟢 | 🟢 | 🟢 |
Sonner | 🟢 | 🟢 | ❌ | ❌ |
Switch | 🟢 | 🟢 | 🟢 | 🟢 |
Table | 🟢 | 🟢 | ❌ | ❌ |
Table Of Contents | ❌ | ❌ | ❌ | 🟢 |
Tabs | 🟢 | 🟢 | 🟢 | 🟢 |
Tags Input | ❌ | ❌ | ❌ | 🟢 |
Textarea | 🟢 | 🟢 | ❌ | ❌ |
Theming | 🟢 | ❌ | ❌ | ❌ |
Toast | 🟢 | ❌ | ❌ | 🟢 |
Toggle | 🟢 | 🟢 | 🟢 | 🟢 |
Toggle Group | 🟢 | 🟢 | 🟢 | 🟢 |
Toolbar | ❌ | ❌ | 🟢 | 🟢 |
Tooltip | 🟢 | 🟢 | 🟢 | 🟢 |
Tree | ❌ | ❌ | ❌ | 🟢 |
Typography | 🟢 | ❌ | ❌ | ❌ |
Vite | 🟢 | ❌ | ❌ | ❌ |