UIAble

Overview

UIAble is a shadcn-based design system from CodedThemes with reusable components, blocks, templates and dashboards for building production applications. The site lists 779+ components, 393+ blocks, six templates and three dashboards. The public shadcn registry currently exposes 988 items: 797 component variants, 174 blocks and 17 theme presets.

Components are built on Base UI primitives and animated with Motion, and work with Next.js, React 19, TypeScript, Tailwind CSS v4 and shadcn/ui. The library is free and open source, and the site also sells lifetime access to a larger paid tier. It also advertises Figma MCP support so AI agents can connect designs to code.

Features

• Component variants: Many variants per primitive, for example accordions with borders, cards, icons or flush styles, and alerts in solid, outlined, light and dismissible forms.
• Blocks: Bento grids, hero sections, team blocks, e-commerce and statistics sections for landing pages and dashboards.
• Templates: Landing page templates plus dashboard and app templates for e-commerce, CRM, SaaS and logistics.
• Theme presets: 17 registry theme presets for switching the visual style.
• Base UI primitives: Built on Base UI from the start, with full ownership of the copied source.
• Animations: Motion-powered transitions across components.
• Figma MCP: A Figma MCP connection for agent-driven design-to-code work.

Tech stack

• Next.js, React 19, TypeScript, Tailwind CSS v4, shadcn/ui
• Base UI, Motion, lucide-react, Recharts, Sonner

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @uiable/component-name