Shadcn UI BlocksHigh quality 
shadcn/ui components built with
shadcn/uiKibo UI is a custom registry of composable, accessible and extensible components designed for use with shadcn/ui. Free and open source, forever.
Functional and fully composable
Kibo UI components are designed to be fully composable so you can build, customize and extend them to your own needs.
Color Picker
Allows users to select a color. Modeled after the color picker in Figma.
Image Zoom
Image zoom is a component that allows you to zoom in on an image.
QR Code
QR Code is a component that generates a QR code from a string.
Code Block
Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.
function MyComponent(props) { return ( <div> <h1>Hello, {props.name}!</h1> <p>This is an example React component.</p> </div> );}Dropzone
Allows users to drag-and-drop files into a container to upload or process them.
Marquee
Marquees are a great way to show a list of items in a horizontal scrolling motion.
Building blocks for interfaces
Get your apps and websites up and running quickly with precomposed and animated blocks.
Collaborative Canvas
Create an online, realtime collaborative canvas with Kibo UI components.
Hayden Bleasel
shadcn
Lee RobinsonForm
A form block allows users to submit data to a website or application.
Create Your Event
Fill out the form below to create and customize your upcoming event
Roadmap
A roadmap block is a large, full-width block that is used to introduce a new product or service.
Roadmap
Issues
Duration
Engineer innovative markets
Unleash one-to-one users
8 months
Innovate collaborative metrics
Extend visionary web services
5 months
Cultivate open-source communities
4 months
Scale innovative initiatives
10 months
Utilize plug-and-play convergence
3 months
Extend strategic technologies
9 months
Productize cross-media deliverables
Harness holistic convergence
4 months
Leverage intuitive e-commerce
about 1 month
Leverage transparent methodologies
4 months
Grow holistic paradigms
4 months
Scale sustainable interfaces
Seize intuitive networks
6 months
Unleash bleeding-edge relationships
8 months
Cultivate frictionless markets
3 months
Enhance vertical methodologies
5 months
Expedite revolutionary niches
4 months
Empower generative models
9 months
Strategize leading-edge paradigms
Empower proactive functionalities
about 2 months
Visualize out-of-the-box web services
Unleash leading-edge architectures
5 months
Deploy global applications
6 months
Reinvent distributed niches
5 months
2025
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
2026
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
2027
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Thousands of ready-to-use patterns
Browse through 1000+ production-ready patterns built with shadcn/ui. Copy, customize, and ship faster than ever.
What people are saying
We're proud to have a community of users who love using Kibo UI.
Tweet not found
The embedded tweet could not be foundโฆ
Get started with Kibo UI
Install your first component in seconds with the Kibo UI or shadcn CLI.
$npx kibo-ui addย 
