Skip to content
IndexDesign corpus
Component LibrariesRegistryComponent LibraryAnimation LibraryMITFreeReact

Kokonut UI

45 animated shadcn-CLI components for landing pages, plus 7 paid templates

Aboutkokonutui.com

Kokonut UI is a shadcn-compatible registry of animated marketing and AI-flavoured React components built with Tailwind CSS and Motion. The free registry ships 45 installable components plus 2 hooks — text effects, gradient buttons, bento grids, AI prompt inputs, animated backgrounds. A separate Pro tier (kokonutui.pro) adds 100+ blocks across hero, pricing, auth and FAQ categories and 7 full page templates for a one-time fee. It is aimed at developers assembling a distinctive landing page fast rather than building an application design system.

Install
npx shadcn@latest add @kokonutui/card-flip
For an agent

Reach for this when a landing page needs visual personality and plain shadcn/ui looks too flat — the text effects (glitch-text, matrix-text, sliced-text), gradient/particle buttons and animated backgrounds are the real draw. It installs alongside shadcn/ui via the same CLI so the two compose without conflict, but nearly every component pulls in Motion and is a client component, so keep them out of hot server-rendered paths and expect bundle growth. Do not use it as an application component set: it has no form, table, or data-grid coverage, so pair it with shadcn/ui or HextaUI for anything past the marketing page.

Why it is here. One of the few shadcn registries whose value is motion and typographic effect rather than another copy of the Radix primitives, which makes it a genuine complement to a base kit instead of a competitor.

Install command, framework, licence and component list.
Components it ships45 total
Helps you build8
Templates7
Notable for
  • animated text effects
  • Motion-driven buttons
  • AI prompt input components
  • shadcn CLI namespace @kokonutui
  • $119 lifetime Pro tier
Provenance

Verified 2026-08-15. HTTP 200. https://kokonutui.com, https://kokonutui.com/r/registry.json, https://kokonutui.pro, https://github.com/kokonut-labs/kokonutui, https://kokonutui.com/r/card-flip.json (200), https://kokonutui.pro/docs/templates/agenta (200). kokonutui.com/templates and /docs/components both 404.

Related resourcesComponent Libraries