What it is

100+ animation-heavy components built on shadcn/ui with Motion, installed through the standard shadcn CLI so source lands in your repo. Includes animated cards, hero sections, AI-chat inputs, gradient and beam effects, sign-in screens.

Why it earns a slot

The 'make this look designed, not generated' layer. Good for contributor cards, issue tiles and newsletter signup blocks.

Know before you commit

Authored Next.js-first — some components import next/image or next/link and need one-line swaps in Vite. Small project, single-maintainer.

Getting started

npx shadcn@latest add @kokonutui/

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

Field check

Unverified

Sign in to confirm this entry is still accurate.

Pricing snapshot

Free · MIT · Pro $119 once

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Kokonut UI (https://kokonutui.com/) for this project, then use it only if it fits what we are already building.
Context: Animated components via shadcn registry. 100+ animation-heavy components built on shadcn/ui with Motion, installed through the standard shadcn CLI so source lands in your repo. Includes animated cards, hero sections, AI-chat inputs, gradient and beam effects, sign-in screens.
Reviewer notes (general, not written for this codebase): The 'make this look designed, not generated' layer. Good for contributor cards, issue tiles and newsletter signup blocks.
Watch out for: Authored Next.js-first — some components import next/image or next/link and need one-line swaps in Vite. Small project, single-maintainer.
Pricing: Free · MIT · Pro $119 once
Setup: npx shadcn@latest add @kokonutui/
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/kokonut-ui