Components to build websites
with any AI agent.
100+ production-ready React components and Next.js templates. One command in Claude Code, Codex, Cursor, or your terminal — trusted by 1,000+ builders.
Components
Every section your site needs, already designed.
Heroes, pricing, testimonials, footers — customizable, animated, and ready to paste.
Templates
Complete products, ready to rebrand.
Full Next.js templates — landing pages, dashboards, AI apps. Deploy a real site in minutes.
How it works
From registry to production in three steps.
No wrappers, no runtime. Just the source code dropped into your repo, ready to edit.
- 01
Install
One command with the shadcn CLI pulls a component into your project with all dependencies wired up.
bunx shadcn@latest add @kokonutui/hero - 02
Compose
Restyle with Tailwind and compose with the rest of your design system. No lock-in, no abstraction.
<Hero title="Your product" /> - 03
Ship
Deploy to Vercel, Netlify, or anywhere Next.js runs. Entire landing pages in an instant.
vercel deploy
Pricing
Get all components and templates
Pay once, get all 100+ components and all templates, every future release included.
Lifetime access
One-time payment. Every future release included.
What you get:
100+ components to build any website you want
Access to all 7+ modern, aesthetic templates
Lifetime access to all components and upcoming updates
One command to install components via the shadcn CLI
Works with any AI agent — Claude Code, Codex, Cursor, and more
Dedicated support, with responses within 24 hours
Install with one command, or copy and paste — your choice
Built with Next.js, React, Tailwind CSS and Motion
FAQ
Frequently asked questions
Everything you need to know before you buy.