# Kokonut UI

> React components with Tailwind and Motion, installed as your own code via shadcn

- Category: UI components (`components`)
- Tags: `open-source`, `free`, `paid`, `react`
- Official: https://kokonutui.com/
- Wunderlust: https://wunderlust.xyz/r/kokonut-ui
- Image: https://wunderlust.xyz/media/kokonut-ui-poster.jpg
- Video preview: https://wunderlust.xyz/media/kokonut-ui.webm
- Added: 2026-11-05

## What it is

Library of about 102 animated components, by Dorian Baffier, across Backgrounds, Cards, Navigation, Inputs, AI, Media, Texts and Buttons.

## What it’s for

For building React or Next.js interfaces with animated components that you copy and edit.

## Benefits

- Components installed as source files, via the shadcn CLI or a prompt to an agent
- Live demos by category
- Connects to Claude Code, Cursor and VS Code through shadcn's MCP server

## Caveats

- Free version under the MIT license; Kokonut UI Pro is paid, a one-time US$ 119 (US$ 159 without the 25% discount), no subscription.

## Similar on Wunderlust

- [React Bits](https://wunderlust.xyz/r/react-bits.md): A library of animated React components: text, backgrounds and microinteractions
- [Skiper UI](https://wunderlust.xyz/r/skiper-ui.md): Animated components for shadcn/ui, installed via CLI
- [Cult UI](https://wunderlust.xyz/r/cult-ui.md): 154 open source animated components for shadcn/ui projects
- [Aceternity UI](https://wunderlust.xyz/r/aceternity-ui.md): React component library with Tailwind and animation for landing pages
- [shadcn/ui](https://wunderlust.xyz/r/shadcn-ui.md): Accessible, customizable components for building your own design system
- [Componentry](https://wunderlust.xyz/r/componentry.md): Animated React components with editable code, via the shadcn CLI or MCP