uiable publishes a shadcn registry at uiable.com, with 354 components installable through the shadcn CLI.
Each one installs on its own. Names link to the docs that ship them.
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.