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:

Build experiences that inspire people.
CompanyFigma+1 more
Access a comprehensive design system to build inspiring user experiences. Includes Figma libraries, plugins, and engineering resources for development.
Craft consistent, accessible digital city experiences.
FigmaGovernment+1 more
Access comprehensive guidelines, design assets, and component libraries to create consistent and accessible digital experiences for a unified city brand.
Craft ambitious web products with flexible React components.
CompanyFigma+1 more
Build ambitious web products with a React UI framework offering polished, composable components and an enterprise-grade design language for efficient development.

Command Menu