Kokonut UI
45 animated shadcn-CLI components for landing pages, plus 7 paid templates
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.
npx shadcn@latest add @kokonutui/card-flipReach 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.
- Agenta · Futuristic detail-rich marketing site template
- Lume · Minimal AI/SaaS startup landing page
- Sonae · Clean modern site for AI agent products
- AI · Landing page for AI projects
- Postly · SaaS template for selling an online product
- Futur · Modern storefront template for physical products
- Startup · Business/company site template
- animated text effects
- Motion-driven buttons
- AI prompt input components
- shadcn CLI namespace @kokonutui
- $119 lifetime Pro tier
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.








