# Kibo UI

> Component registry and pattern library for shadcn/ui and React

Kibo UI is a free, open-source component registry designed to extend shadcn/ui with React, Tailwind CSS, and Radix UI. It provides dozens of custom components (like color pickers and dropzones), full UI blocks, and over 1,000 ready-made component pattern variants to copy directly into projects.

Website: https://kibo-ui.com/

## What it is for

- Find and copy specific component variants or states for a shadcn/ui project
- Add specialized UI elements like color pickers, dropzones, and image zooms to a React app
- Assemble complex interface layouts using precomposed blocks like forms and roadmaps

## Features

- Over 1,000 production-ready patterns covering various states and variants of standard components
- Custom composable components including Color Picker, Dropzone, QR Code, Code Block, and Image Zoom
- Precomposed full-page interface blocks such as roadmaps and collaborative canvases
- Built natively for shadcn/ui using React, Tailwind CSS, TypeScript, and Radix UI
- Accessible, customizable, and ready to copy into existing codebases

## Pricing

Free and open source

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web, Code library
- For: React and Next.js developers building interfaces with Tailwind CSS and shadcn/ui
- Alternative to: shadcn/ui, Tailwind UI, Aceternity UI, Magic UI
- Tags: shadcn, react, tailwind, ui library, frontend, components

## Why it was saved

- [@shadcn, 13 October 2025](https://x.com/shadcn/status/1977784724153393502): Ready-made, copyable examples covering every component, variant and state for use in projects

## Compare

- [Alternatives to Tailwind UI](https://xiry.app/alternatives/tailwind-ui.md)
- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/kibo-ui

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.