Collection of stunning Components
100+ Beautiful, modern UI components built with Tailwind CSS, shadcn/ui, and Motion to use on your Websites.
Drag and drop or
SVG, PNG, JPG or GIF up to 5 MB
or drag and drop your file here
Design Systems
Explore the fundamentals
Design Systems
Dive deep into the world of modern UI/UX design.
is free this weekend!
Ship Now!
Glow
Echo
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 @shadcn ui 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
