New components added weekly

Copy, Paste, Customize.

A collection of modern, interactive, customizable UI components.

Quick and easy to use.

bunx shadcn add https://kokonutui.com/r/my-component.json

Browse Components

Explore all 50+ components.

Ready to use. Fully customizable. Built for making apps better.

Button Components

10 components

AI can make mistakes, use with caution.

AI Components

16 components

Dorian Baffier

@dorian_baffier · 2h ago

Just launched Kokonut UI! Check out the documentation and let me know what you think 🎨

Kokonut UI Documentation

A comprehensive guide to Kokonut UI

Card Components

7 components

Weekly Mix

Updated today · 2hr 35min

32 tracks

Summer Nights

Midnight Groove

3:45

Midnight Drive

Urban Beats

4:20

List Components

6 components

Payment Received

$2,400.00

The payment has been processed and added to your account

Alert Components

7 components

John Doe

Prompt Engineer

Profile Components

5 components

Crafted with Next.js 15 & Tailwind CSS

Optionally with shadcn/ui and Framer Motion

Build beautiful interfaces

A collection of UI components that you can copy and paste into your apps.

Accessible. Open Source.

components / AI-Input-04

Explore Components View on GitHub

Buttons, Inputs & More

Amazing milestone! 🎉

You've just hit 1,000 followers on your journey!

Milestone

Opacity100%

Swatches

+ more available

Showcase
Showcase
Showcase

50+ Components

Ready to Use

Built in minutes

not hours

Fully Customizable

Beautiful interfaces

Beautiful interfaces built in minutes

50+ ComponentsReady to Use

View Live Demo

Built with KokonutUI components

50+ Components and Growing

Open Source, Customizable & Accessible

Cards, Buttons, Lists, AI Inputs, Alerts, and more.