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
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