Components humans browse.
Agents ship.
100+ open-source components built with React, Tailwind CSS, and Motion. Live previews for you, a machine-readable registry for your agent.
For humans
live previews · copy-paste sourceFor agents
Explore more with Kokonut UI Pro
Premium components, advanced templates, and complete package to build exceptional products faster.
Get started in seconds
From browsing to production in three simple steps.
Browse
Explore 100+ components at kokonutui.com. Filter by category and preview live demos.
Install
One CLI command adds any component directly to your project.
Customize
Tailwind + React — own your code, no black boxes. Tweak styles and logic freely.
What People Are Saying
Used by many developers and companies around the world.
if you use @shadcnui for your apps, you're gonna love these 7 ui libraries:
Dec 16, 2025
All components from KokonutUI can now be open in @v0 🎉
1. Click on 'Open in V0'
2. Customize with prompts
3. Deploy to your app
Jan 18, 2025
Awesome.
3 React @shadcn libraries you NEED to know! 🔥
Super cool background paths by @dorianbaffier's, check out https://kokonutui.com
Looking to add animations and beautiful components to your website? Check out these two UI libraries for @nextjs + @tailwindcss
KokonutUI Open Source - Interactive UI components built with Tailwind CSS & shadcn for React and Next.js
...and many more