Kibo UI

Overview

Kibo UI is a custom registry of composable, accessible and open-source components designed for use with shadcn/ui, created by Hayden Bleasel and now maintained under the shadcnblocks GitHub organization. Components use shadcn/ui CSS variables and work alongside the existing primitives. Where shadcn/ui mostly wraps Radix UI primitives, Kibo UI wraps more complex logic from various headless libraries to cover larger application needs.

The site lists 41 components, 28 blocks and over 1,100 patterns. Components install with the shadcn CLI or Kibo UI's own CLI (npx kibo-ui add), and there is an MCP server for use with AI tools. It is free and open source.

Features

• Project management: Gantt, kanban, calendar, list and table components, combined in a roadmap block.
• Collaboration: Avatar stack and live cursor components, plus a realtime collaborative canvas block.
• Code: Code block with syntax highlighting, line numbers and copy, snippet, sandbox and contribution graph.
• Media and images: Image crop, image zoom, video player, reel, stories and dropzone for file uploads.
• Inputs: Color picker modeled on Figma's, choicebox, combobox, tags, rating, mini calendar and a rich text editor.
• Display: Announcement, banner, marquee, ticker, QR code, credit card, relative time, status, pill and tree.
• Overlays and stacks: Dialog stack for multi-step flows, glimpse previews and a swipeable deck.
• Blocks: Precomposed, animated blocks such as forms, pricing and roadmaps.

Tech stack

• React, TypeScript
• Tailwind CSS
• Radix UI, Lucide

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @kibo-ui/component-name