Kokonut UIPro

Kokonut UI ProFor Claude Code, Cursor and Codex

Agent-first
UI Components

Components, whole pages and website templates, set up for your coding agent. Ask for a sprint board or a dashboard, and it lands in your repo as source you own.

Get Kokonut UI ProBrowse components
00Image Generation Card
Loading…

Ask your agent

Your agent finds the component in the Pro registry, installs it with its dependencies, and puts it on the page. The image panel beside this is what you get.

Connect your editor onceshadcn MCP

Your editor
114Pro components8Website templates4Editors, set up in one command$119Once, with every update

01Pro components

Live, not screenshots. A few of the 114 Pro components; each installs as source in your repo, with its dependencies.
01Kanban Board
02Onboarding Checklist
03File Tree
04Date Range Picker
05Swatch Fan
06Team Invite Card
07Poll Card
08Live Cursors Feature
09Magic Link Login

02Whole pages and sections

Heroes, feature sections and complete app pages, drawn here at laptop width. Ask for one by name, or describe the page.
10Clinic Dashboard
11Kinetic Type Hero
12Rhythm Hero

03Website templates

Complete Next.js sites with every page designed, from the landing to the 404. Every one is included in Pro, or sold on its own.
Side by sideCompare all templatesEvery template's pages, stack and price, with a walkthrough of each.

04All components

Every Pro component by what you're building. Each category opens its docs page, with a live demo and the install command for each component.

Page sections

Elements

05Set up your agent once

Pro is a shadcn/ui registry behind your API key. Connect your editor and add the key, and every component is one request away.

  1. AConnect your editor

    One command adds the shadcn MCP server, so your agent can search and read every Pro component.

    Your editor

  2. BAdd your key

    Put the Pro registry in components.json, and your key from the account page in .env.local as KOKO_PRO_TOKEN.

  3. CAsk for a page

    Describe the page or name a component. Prefer the terminal? The shadcn CLI installs the same files.

Full steps for each editor are in the docs.

Built on Kokonut UI, free and open source

06Pricing

One payment for every component, section and template, and for everything added later. No subscription.

Kokonut UI Pro, lifetime access

$119

Paid once, in US dollars. Every future release is included.

Get Kokonut UI Pro

Already bought it? Sign in for your API key.

What it covers

  • Every component and section, as source you own
  • Every website template, current and future
  • Install with the shadcn CLI, the MCP server or a prompt
  • Every future release, with no subscription
  • Email support, answered within a day

Only need one template? Each is also sold alone, from $49. See templates

07Questions

Anything else, write to [email protected].

1. Lifetime access to Kokonut UI Pro: every component, ready to drop into your own websites and applications.
2. Templates: seven complete templates to use as a starting point for your next project.
3. All future updates: new components and templates are added regularly, and every release is included.

Anyone who wants to ship a polished website or application without designing it from scratch — whether you are just starting out or a developer tired of hunting for the right design.

Everything — marketing sites, e-commerce, SaaS products, dashboards, landing pages, and more.

Yes. Paid customers can request new components — reach out to [email protected].

Definitely. Every component is plain React and Tailwind CSS, so you can customize everything with ChatGPT, Claude Code, Cursor, or any tool you like.

We do not offer refunds, as stated in our refund policy. If something is wrong, contact us at [email protected] and we will do our best to help.