<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/0naydww85" -->

---
title: Kibo UI | daily.dev
description: Kibo UI is an open-source component library that extends shadcn/ui with advanced, composable components like color pickers, QR code generators, Gantt charts,...
canonical: https://daily.dev/posts/0naydww85
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Kibo UI | daily.dev
og:description: Kibo UI is an open-source component library that extends shadcn/ui with advanced, composable components like color pickers, QR code generators, Gantt charts,...
og:url: https://daily.dev/posts/0naydww85
og:image: https://api.daily.dev/og/posts/0naYdWW85.png
og:image:alt: Post cover image
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Kibo UI

**[Random Resource 🧰](https://daily.dev/sources/randomresource)** · [@jobayerhossen](https://daily.dev/jobayerhossen) · 99 upvotes · 4 comments

## Summary

Kibo UI is an open-source component library that extends shadcn/ui with advanced, composable components like color pickers, QR code generators, Gantt charts, and AI chatbot interfaces. It provides ready-to-use building blocks for React applications, focusing on accessibility and customization. The library includes both individual components and pre-built blocks for common interface patterns, with installation through CLI commands.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.kibo-ui.com/>

## Community discussion

Top comments from developers on daily.dev.

**@alanleszczuk** · 2 upvotes

> yet another component library 😅

**@viruscreative** · 1 upvotes

> there a lot of better UI components though, check UI universe

**@jack\_bro** · 0 upvotes

> here is awesome tools ✨💀
> https://dly.to/AqBEOKXWbkI

**@makazoid** · 0 upvotes

> Some components glitch in dark mode.

---

Tags: [#accessibility](https://daily.dev/tags/accessibility), [#react](https://daily.dev/tags/react), [#shadcn](https://daily.dev/tags/shadcn), [#webdev](https://daily.dev/tags/webdev)

[View this post on daily.dev](https://daily.dev/posts/0naydww85)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/0naydww85","headline":"Kibo UI","text":"Shared: Kibo UI","url":"https://daily.dev/posts/0naydww85","datePublished":"2025-08-06T13:43:54.425Z","dateModified":"2026-07-21T12:19:55.359Z","author":{"@type":"Person","name":"Jobayer Hossen","url":"https://daily.dev/jobayerhossen","image":"https://media.daily.dev/image/upload/s--inM6udaE--/f_auto/v1789748496/avatars/avatar_exB7vJ6wP2CRMHwGXosaw?_a=BAMAMicg0","description":"Front-end Developer","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":7080}},"image":"https://media.daily.dev/image/upload/s--1KxV4ohY--/f_auto/v1722860400/public/Placeholder%2007","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":99},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/GiiNUpjGj"},"comment":[{"@type":"Comment","text":"yet another component library 😅","datePublished":"2025-08-12T13:24:25.293Z","url":"https://daily.dev/posts/0naYdWW85#c-kYDXEv7hW","author":{"@type":"Person","name":"Alan Leszczuk","url":"https://daily.dev/alanleszczuk","image":"https://lh3.googleusercontent.com/a/ACg8ocK-pmz3bOvoMClZqJcSFFEdyaTir0FGaHHtOduxOKSSnNvx224=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"there a lot of better UI components though, check UI universe","datePublished":"2025-08-08T20:05:01.032Z","url":"https://daily.dev/posts/0naYdWW85#c-jB4InkIty","author":{"@type":"Person","name":"Virus Creative","url":"https://daily.dev/viruscreative","image":"https://media.daily.dev/image/upload/s--m3una8dV--/f_auto/v1756889764/avatars/avatar_qD8fFbHmHUOX4mhsfMzV8?_a=BAMClqZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"here is awesome tools ✨💀\nhttps://dly.to/AqBEOKXWbkI","datePublished":"2025-08-28T18:36:03.280Z","url":"https://daily.dev/posts/0naYdWW85#c-ZpPXyoM7A","author":{"@type":"Person","name":"jack","url":"https://daily.dev/jack_bro","image":"https://media.daily.dev/image/upload/s--4pKqg35G--/f_auto/v1753726189/avatars/avatar_CBqMt1rgzGeNpeIxXGmIj?_a=BAMClqZW0"}},{"@type":"Comment","text":"Some components glitch in dark mode.","datePublished":"2025-08-19T11:54:05.049Z","url":"https://daily.dev/posts/0naYdWW85#c-V54Iqml8s","author":{"@type":"Person","name":"Maher Khan","url":"https://daily.dev/makazoid","image":"https://lh3.googleusercontent.com/a/ACg8ocK7MiorKZtfWXKYLRaqcE9rYP11HTGsZUZ_aYUgHmA1pXrO4uqu=s96-c"}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/randomresource","name":"Random Resource 🧰"}}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Random Resource 🧰","item":"https://daily.dev/squads/randomresource"},{"@type":"ListItem","position":3,"name":"Kibo UI"}]}
```

