uiable publishes a shadcn registry at uiable.com, with 354 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
Accordion Basic variant for component.
Accordion Borders variant for component.
Accordion Card variant for component.
Accordion Disabled variant for component.
Accordion Flush variant for component.
Accordion Multiple variant for component.
Alert Action variant for component.
Alert Basic variant for component.
Alert Border Left Danger variant for component.
Alert Border Left Dark variant for component.
Alert Colors variant for component.
Alert Destructive variant for component.
Alert Dialog Basic variant for component.
Alert Dialog Destructive variant for component.
Alert Dialog Lock variant for component.
Alert Dialog Media variant for component.
Alert Dialog Small variant for component.
Alert Dialog Small Media variant for component.
Alert Dismissible Danger variant for component.
Alert Dismissible Dark variant for component.
Alert Dismissible Info variant for component.
Alert Dismissible Primary variant for component.
Alert Dismissible Secondary variant for component.
Alert Dismissible Success variant for component.
Alert Dismissible Warning variant for component.
Alert Icon Danger variant for component.
Alert Icon Dark variant for component.
Alert Icon Info variant for component.
Alert Icon Primary variant for component.
Alert Icon Secondary variant for component.
Alert Icon Success variant for component.
Alert Icon Warning variant for component.
Alert Light Danger variant for component.
Alert Light Dark variant for component.
Alert Light Info variant for component.
Alert Light Primary variant for component.
Alert Light Secondary variant for component.
Alert Light Success variant for component.
Alert Light Warning variant for component.
Alert Solid Danger variant for component.
Alert Solid Dark variant for component.
Alert Solid Info variant for component.
Alert Solid Primary variant for component.
Alert Solid Secondary variant for component.
Alert Solid Success variant for component.
Alert Solid Warning variant for component.
Aspect Ratio Portrait variant for component.
Aspect Ratio Square variant for component.
Aspect Ratio Standard variant for component.
Attachment component.
Attachment Group variant for component.
Attachment Sizes variant for component.
Attachment States variant for component.
Attachment Triggers variant for component.
Attachment Vertical variant for component.
Avatar Badge variant for component.
Avatar Badge Icon variant for component.
Avatar Basic variant for component.
Avatar Border Radius variant for component.
Avatar Counter Indicator variant for component.
Avatar Dropdown variant for component.
Avatar Fallback variant for component.
Avatar Group variant for component.
Avatar Group Count variant for component.
Avatar Group Count Icon variant for component.
Avatar Placeholder Icon variant for component.
Avatar Size variant for component.
Badge Avatar variant for component.
Badge Colors variant for component.
Badge Gradient variant for component.
Badge Icon variant for component.
Badge Light Danger variant for component.
Badge Light Dark variant for component.
Badge Light Info variant for component.
Badge Light Primary variant for component.
Badge Light Secondary variant for component.
Badge Light Success variant for component.
Badge Light Warning variant for component.
Badge Link variant for component.
Badge Outline Danger variant for component.
Badge Outline Dark variant for component.
Badge Outline Info variant for component.
Badge Outline Primary variant for component.
Badge Outline Secondary variant for component.
Badge Outline Success variant for component.
Badge Outline Warning variant for component.
Badge Pill Danger variant for component.
Badge Pill Dark variant for component.
Badge Pill Info variant for component.
Badge Pill Primary variant for component.
Badge Pill Secondary variant for component.
Badge Pill Success variant for component.
Badge Pill Warning variant for component.
Badge Sizes variant for component.
Badge Solid Danger variant for component.
Badge Solid Dark variant for component.
Badge Solid Info variant for component.
Badge Solid Primary variant for component.
Badge Solid Secondary variant for component.
Badge Solid Success variant for component.
Badge Solid Warning variant for component.
Badge Spinner variant for component.
Badge Status variant for component.
Component 1 variant for block.
Component 2 variant for block.
Contact variant for block.
Contact 1 variant for block.
Contact 11 variant for block.
Content 1 variant for block.
Content 5 variant for block.
Cta 1 variant for block.
Cta 2 variant for block.
Faq variant for block.
Faq 1 variant for block.
Feature variant for block.
Feature 1 variant for block.
Feature 2 variant for block.
Footer variant for block.
Footer 11 variant for block.
Footer 3 variant for block.
Footer 7 variant for block.
Gallery 10 variant for block.
Gallery 2 variant for block.
Gallery 3 variant for block.
Gallery 4 variant for block.
Hero variant for block.
Hero 2 variant for block.
Hero 3 variant for block.
Hero 6 variant for block.
Layout Block List variant for component.
Navbar variant for block.
Portfolio 3 variant for block.
Portfolio 4 variant for block.
Portfolio 5 variant for block.
Pricing 2 variant for block.
Pricing 3 variant for block.
Process 1 variant for block.
Process 3 variant for block.
Process 6 variant for block.
Layout Block Sidebar variant for component.
Statistics 1 variant for block.
Team 1 variant for block.
Testimonial 1 variant for block.
Breadcrumb Basic variant for component.
Breadcrumb Collapsed variant for component.
Breadcrumb Dropdown variant for component.
Breadcrumb Ellipsis variant for component.
Breadcrumb Separator variant for component.
Breadcrumb Stepper variant for component.
Bubble component.
Bubble Alignment variant for component.
Bubble Collapsible variant for component.
Bubble Group variant for component.
Bubble Link variant for component.
Bubble Popover variant for component.
Bubble Reactions variant for component.
Bubble Tooltip variant for component.
Bubble Variants variant for component.
Button Animated variant for component.
Button Animated Border variant for component.
Button Animated Gradient variant for component.
Button Default variant for component.
Button Destructive variant for component.
Button Ghost variant for component.
Button Group component.
Button Group Dropdown variant for component.
Button Group Icon variant for component.
Button Group Input variant for component.
Button Group Input Group variant for component.
Button Group Nested variant for component.
Button Group Orientation variant for component.
Button Group Popover variant for component.
Button Group Qty Select variant for component.
Button Group Select variant for component.
Button Group Separator variant for component.
Button Group Size variant for component.
Button Group Social variant for component.
Button Group Split variant for component.
Button Group Toolbar variant for component.
Button Icon variant for component.
Button Icon Danger variant for component.
Button Icon Dark variant for component.
Button Icon Info variant for component.
Button Icon Primary variant for component.
Button Icon Secondary variant for component.
Button Icon Success variant for component.
Button Icon Warning variant for component.
Button Light Danger variant for component.
Button Light Dark variant for component.
Button Light Info variant for component.
Button Light Primary variant for component.
Button Light Secondary variant for component.
Button Light Success variant for component.
Button Light Warning variant for component.
Button Link variant for component.
Button Outline variant for component.
Button Outline Danger variant for component.
Button Outline Dark variant for component.
Button Outline Info variant for component.
Button Outline Primary variant for component.
Button Outline Secondary variant for component.
Button Outline Success variant for component.
Button Outline Warning variant for component.
Button Render variant for component.
Button Rounded variant for component.
Button Secondary variant for component.
Button Size variant for component.
Button Social variant for component.
Button Solid Danger variant for component.
Button Solid Dark variant for component.
Button Solid Info variant for component.
Button Solid Primary variant for component.
Button Solid Secondary variant for component.
Button Solid Success variant for component.
Button Solid Warning variant for component.
Button Toggle variant for component.
Button With Badge variant for component.
Button With Icon variant for component.
Calendar Basic variant for component.
Calendar Booked Dates variant for component.
Calendar Caption variant for component.
Calendar Custom Days variant for component.
Calendar Hijri variant for component.
Calendar Multiple variant for component.
Calendar Presets variant for component.
Calendar Range variant for component.
Calendar Right Navigation variant for component.
Calendar Time variant for component.
Calendar Week Numbers variant for component.
Card Align Center variant for component.
Card Align Right variant for component.
Card Animated Flip variant for component.
Card Animated Tilt variant for component.
Card Basic variant for component.
Card Header Footer variant for component.
Card Horizontal variant for component.
Card Image variant for component.
Card Image Bottom variant for component.
Card Image Overlay variant for component.
Card Image Top variant for component.
Card Product variant for component.
Card Small variant for component.
Card Solid Danger variant for component.
Card Solid Dark variant for component.
Card Solid Info variant for component.
Card Solid Primary variant for component.
Card Solid Secondary variant for component.
Card Solid Success variant for component.
Card Solid Warning variant for component.
Card Tabs variant for component.
Card Title Subtitle variant for component.
Carousel Api variant for component.
Carousel Multiple variant for component.
Carousel Orientation variant for component.
Carousel Plugin variant for component.
Carousel Size variant for component.
Carousel Spacing variant for component.
Changelog Entry variant for component.
Changelog Mobile Toc variant for component.
Changelog Toc variant for component.
Chart Area variant for component.
Chart Example variant for component.
Chart Example Axis variant for component.
Chart Example Grid variant for component.
Chart Example Legend variant for component.
Chart Example Tooltip variant for component.
Chart Line variant for component.
Chart Pie variant for component.
Chart Radial variant for component.
Chart Tooltip variant for component.
Checkbox Basic variant for component.
Checkbox Colors variant for component.
Checkbox Description variant for component.
Checkbox Disabled variant for component.
Checkbox Group variant for component.
Checkbox Indeterminate variant for component.
Checkbox Invalid variant for component.
Checkbox List variant for component.
Checkbox Size variant for component.
Checkbox Table variant for component.
Checkbox Todo List variant for component.
Circular Progress component.
Collapsible Basic variant for component.
Collapsible File Tree variant for component.
Collapsible Settings variant for component.
Combobox Autocomplete variant for component.
Combobox Auto Highlight variant for component.
Combobox Basic variant for component.
Combobox Clear variant for component.
Combobox Custom variant for component.
Combobox Disabled variant for component.
Combobox Error variant for component.
Combobox Groups variant for component.
Combobox Input Group variant for component.
Combobox Invalid variant for component.
Combobox Multiple variant for component.
Combobox Popup variant for component.
Combobox User variant for component.
Combobox With Checkbox variant for component.
Command Basic variant for component.
Command Developer Actions variant for component.
Command Dialog variant for component.
Command Groups variant for component.
Command Invite Members variant for component.
Command Scrollable variant for component.
Command Search Filter variant for component.
Command Shortcuts variant for component.
Command With Description variant for component.
Layout Component Header variant for component.
Layout Component List variant for component.
Layout Component Sidebar variant for component.
Context Menu Basic variant for component.
Context Menu Checkboxes variant for component.
Context Menu Destructive variant for component.
Context Menu Groups variant for component.
Context Menu Icons variant for component.
Context Menu Radio variant for component.
Context Menu Shortcuts variant for component.
Context Menu Sides variant for component.
Context Menu Submenu variant for component.
Data Table Basic variant for component.
Data Table Editable variant for component.
Data Table Expandable variant for component.
Data Table Pagination variant for component.
Date Picker Basic variant for component.
Date Picker Disabled variant for component.
Date Picker Dob variant for component.
Date Picker Input variant for component.
Date Picker Natural Language variant for component.
Date Picker Neutral variant for component.
Date Picker Range variant for component.
Date Picker Time variant for component.
Dialog Basic variant for component.
Dialog Centered variant for component.
Dialog Close Button variant for component.
Dialog Full Screen variant for component.
Dialog Large variant for component.
Dialog Newsletter variant for component.
Dialog No Close Button variant for component.
Dialog Scrollable Content variant for component.
Dialog Small variant for component.
Dialog Sticky Footer variant for component.
Direction component.
Drawer Dialog variant for component.
Drawer Scrollable Content variant for component.
Drawer Sides variant for component.
Dropdown Menu Avatar variant for component.
Dropdown Menu Basic variant for component.
Dropdown Menu Basic Danger variant for component.
Dropdown Menu Basic Info variant for component.
UIAble A modern UI library built with Tailwind CSS and Shadcn architecture.
UIAble is an open-source collection of reusable UI components designed for developers who want clean, practical, and fully customizable building blocks for modern frontend projects, without lock-in, without unnecessary abstraction, and without rebuilding the same UI patterns from scratch every time.
Most UI libraries built on Shadcn end up looking and feeling nearly identical. Same structure. Same visual defaults. Same tradeoffs.
UIAble was built to be different, not by adding more features but by being more intentional about what a component library should actually do in a real project.
The common frustrations with existing libraries:
UIAble addresses all of these directly.
No black-box packages. Components are copied directly into your codebase. You see them, you edit them, you own them.
The focus is on components that handle real requirements, including form validation, edge case inputs, accessible dialogs, scalable tables, and proper keyboard navigation, rather than components optimized for screenshots.
UIAble uses Tailwind CSS in a clean, sensible way. No class soup. No structural gymnastics. Just readable component code that happens to use Tailwind well.
If you stop using UIAble tomorrow, your code still works. Because it's already yours.
The entire component library is transparent and open for contribution. No gated tiers. No "pro" version. Just components.
| Layer | Technology |
|---|---|
| Styling | Tailwind CSS v4 |
| Architecture | shadcn/ui |
| Primitives | Base UI |
| Language | TypeScript |
| Framework | React (Next.js compatible) |
Button Button Group Checkbox Combobox Command Palette Date Picker Input Input Group Input OTP Native Select Radio Radio Group Select Slider Switch Textarea Toggle Toggle Group
Avatar Badge Card Carousel Chart Data Table Empty State Hover Card KBD Label List Group Table Tooltip Skeleton Calendar
Alert Alert Dialog Circular Progress Dialog Drawer Progress Sheet Sonner Spinner
Breadcrumb Dropdown Menu Menubar Navbar Navigation Menu Pagination Tabs Sidebar
Accordion Collapsible Context Menu Item Popover
Aspect Ratio Attachment Bubble Command Empty Field Marker Message Message Scroller Resizable Scroll Area Separator Typography
Pre-built page sections ready to drop into your project.
Contact 1 Contact 11
Content 1 Content 5
Call To Action 1 Call To Action 2
FAQ 1
Feature 1 Feature 2
Footer 7 Footer 3 Footer 11
Gallery 2 Gallery 3 Gallery 4 Gallery 10
Hero 2 Hero 3 Hero 6
Portfolio 3 Portfolio 4 Portfolio 5
Pricing 2 Pricing 3
Process 1 Process 3 Process 6
Statistics 1
Team 1
Testimonial 1
Landing Header Hero Component 1 Component 2 Feature Contact Footer
Components are added based on practical frontend needs, not trend-driven requests. If you need something that isn't here, open a discussion or a PR.
MIT © UIAble
You can use, modify, and distribute UIAble freely in personal and commercial projects. No attribution required, though it's always appreciated.
See the full LICENSE file for details.
UIAble stands on the shoulders of great open-source work:
UIAble is intentionally not trying to feel like a product. It's trying to feel like something you quietly copy into your project — and forget about, because it just works.
The packages and primitives its components pull in, counted across the registry.
Every appearance and removal our crawl has seen in the registry index.
uiable is a component library on 21st.dev by uiable with 18 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.