A favicon of Kibo UI

Kibo UI

Expand your UI toolkit with composable, accessible, open-source components. Build feature-rich interfaces like AI chatbots and collaborative canvases faster.

Visit Kibo UI
A screenshot of Kibo UIVisit

Kibo UI offers a custom registry of composable, accessible, and open-source components, designed to enhance and extend shadcn/ui. Build, customize, and adapt components to your project's needs, fostering flexibility.

Discover powerful components:

  • Color Picker: Intuitive, Figma-inspired color selection.
  • Image Zoom: Allow detailed inspection of images.
  • QR Code Generator: Quickly generate QR codes from strings.
  • Code Block: Display code with syntax highlighting, line numbers, and copy-to-clipboard.
  • Dropzone: Simplify file uploads with drag-and-drop.
  • Marquee: Showcase items in an engaging horizontal scroll.

Kibo UI also provides pre-built, animated blocks to speed up development. Integrate complex UI sections like:

  • AI Chatbot: A fully featured AI chatbot interface.
  • Collaborative Canvas: Real-time online collaborative tools.
  • Pricing Pages: Professionally designed pricing tables.

Install your first component in seconds using the Kibo UI or shadcn CLI: npx kibo-ui@latest add gantt.

Share:

Similar to Kibo UI:

The ultimate open-source React component library.
ReactTailwind CSS
Access the world's largest collection of open-source React components. Built with Tailwind CSS and React Aria, just copy, paste, and build modern interfaces.
Core building blocks for your AI app's interface.
ReactTailwind CSS
Build high-quality, accessible AI interfaces with a set of customizable components. Leverages React, shadcn/ui, and Tailwind CSS for rapid development.
Copy-and-paste components for modern UIs.
ReactTailwind CSS
Build app interfaces quickly with an extensive, open-source collection of copy-and-paste components. Uses React and Tailwind CSS for modern, responsive design.

Command Menu