the shadcn/ui registry

Perfect tools to build next-gen UI

A complete toolkit for your AI workflow. Components, Blocks, UI Kits, Boilerplates, Templates, and Design System—everything you need to launch fast, all in one place.

React
Typescript
Radix UI
Tailwind
CVA
Zod
Motion
GSAP
AI SDK
React Aria

Inspired by shadcn/ui

shadcn/ui changed the game, by setting new standards for Web UI tooling, component composition and distribution.

We’re huge fans of the shadcn/ui approach and are proud to build upon its foundation.

Every component from uipub registry is compatible with shadcn/ui CLI.

Beautiful UI Kits

Hand-crafted UI Kits with modern aesthetics and practical UX patterns — designed to help you build impressive interfaces, fast.

More Than Just Themes

UI Kits go beyond simple themes—they’re complete, high-quality design systems.

Each Kit is a full recreation of every shadcn/ui component, plus extra elements, all crafted with precision and an eye for modern trends. In addition to having a unique design style, each UI Kit is fully themable and easy to customize.

Simple Integration

Drop-in replacement for shadcn/ui components — same API, no learning curve, no refactoring.

Start adding beautiful interfaces to your projects right away.

Ever-Growing Library

Initial goal is to release at least 8 UI Kits by Q3 2025, all sharing a consistent API and design language.

We’ll continuously expand the library with new components and pre-built Blocks, ensuring your toolkit remains cutting-edge and ready for any project needs or trends.

A clean, neutral UI kit designed with structure and clarity in mind.

Perfect for complex, high-density app interfaces.

Dropping May 2025.

    Database Providers
    Connect database providers to your app.
    Color Mode

    Code Ownership

    No hidden dependencies. No vendor lock-in. Only established, widely-adopted npm packages used.

    Install via CLI or copy-paste. All components live in your repo — you own your codebase.

    Premium Content

    Unlock advanced features — like animations, ready-to-use Blocks, and early access to unreleased components — with supporter-only access.

    Open Source

    Built on an open ecosystem — and staying that way.

    Core components are free and public.

    Animated with Motion

    Every interactive component is smoothly animated with Motion.

    Simple to Use

    The Motion API is fully encapsulated within each component, so you don’t have to think about its implementation.

    Keep components uncontrolled, no need to manage conditional rendering, or figure out AnimatePresence, forceMount, or component order ever again.

    Exit Animations

    Achieving consistent exit animations with Radix UI and Motion used to be a challenge, often requiring controlled components and different workarounds.

    Now, that problem is solved.

    Reduced Motion

    Every animation respects the user’s reduced motion settings.

    Additionally, you can manually disable animations for each component if needed.

    Motion Presets

    Each component includes curated motion presets.

    Choose from hundreds of animation and transition combos — or define your own.

    Loading...

    Ready for Vibe Coding ✨

    Our mission is to provide a top-quality React.js component dataset to train your AI tool of choice.

    UI Pub components are simple to use and accessible to everyone—whether you're a non-technical founder, designer, or developer of any skill level.

    Perfect AI stack

    React.js, Typescript, Tailwind with CVA, shadcn-like components composition and API. Your AI will love it ✨

    Copy Prompt

    Easily copy the prompt to your favorite AI tool, such as v0, Bolt, or Lovable.

    .cursorrules

    Well-tested rules for Cursor ensure a smooth and efficient AI-assisted coding experience.

    Power up your RAG

    Each Registry item comes with llms.txt file to help LLMs understand your components and design system styles at inference time.

    SoonMCP server

    AI-powered component generation with a local AI agent, leveraging our extensive dataset of premium shadcn components.

    Secret Project

    As AI become more powerful and accessible, we’re actively exploring new ways to integrate AI into our workflow.

    Stay tuned.

    Extended Registry

    We’re building a complementary CLI that adds support for additional registry items like Boilerplates, Templates, and Apps. All fully composable and reusable across the entire shadcn/ui ecosystem and our UI Kits.

    Expect them to arrive soon!

    Works with any React.js stack

    UI Kits, Blocks and Component Kits work seamlessly with any React.js stack of your choice. Whether you're building with Remix, Next.js, TanStack, Laravel Inertia, Gatsby, Astro, React Router, Vite, or any other React-powered framework— components integrate effortlessly, like any other shadcn/ui component.

    Open Source
    Free
    Built for the community.
    • Core Components and UI Blocks
    • Regular updates
    • Use in personal or commercial projects
    • MIT licensed
    • Components available after 3–6 months of premium access
    • Premium Components and Blocks not included
    • Community Support
    Solo Early Edition
    $349
    $799
    one-time payment
    For indie devs, freelancers, and solo founders.
    • Early Supporter exclusive content and benefits
    • Lifetime access to the full component library
    • 8+ premium UI Kit styles (and counting)
    • UI Blocks access
    • Future updates
    • Early access to components before they're come open source
    • Unlimited commercial projects
    • Unlock animations with Motion
    • Private Discord access
    • 1:1 onboarding support (1 hour)
    • Vote on new features and components
    Team Early Edition
    $849
    $1999
    one-time payment
    For teams of up to 20 people.
    • All features of the Solo plan, plus:
    • 20 commercial licenses
    • Add-on: Special support from Uiuno
    • Add-on: Custom UI Kits

    Frequently Asked Questions

    Still have questions? Email us