Kokonut UI 是基于 shadcn/ui + Tailwind CSS + Framer Motion 的开源动画组件库，主打高颜值交互动画 + 极简集成，为 React/Next.js 项目快速注入流畅动效。
核心亮点
动画优先的 shadcn 增强库
- 100+ 精美动画组件：模态框、下拉菜单、手风琴、提示框、按钮等Kokonut UI。
- 内置 Framer Motion 调校动效，无需手写复杂动画代码。
- 定位为 shadcn/ui 的 “动画增强层”，不替代原框架。
无缝集成 shadcn 生态
- 技术栈：React + TypeScript + Tailwind CSS + shadcn/ui + MotionKokonut UI。
- 一键安装：
npx shadcn@latest add @kokonutui/<组件名>Kokonut UI。 - 完全响应式、明暗模式、无障碍（ARIA）适配Kokonut UI。
免费开源 + 商用友好
- 所有组件免费开源，可直接复制代码或通过 CLI 引入Kokonut UI。
- 代码无黑盒，基于 Tailwind 可自由定制样式与动画参数Kokonut UI。
现代设计 + 即用模板
- 设计风格现代简约，适配官网、SaaS、作品集、后台系统Kokonut UI。
- 提供完整页面模板，支持快速搭建项目Kokonut UI。
适合人群
- React/Next.js 开发者：为 shadcn 项目快速添加专业级动画，提升交互质感。
- 独立开发者 / 设计师：无需动画开发经验，直接复用精美动效组件Kokonut UI。
- 追求用户体验的项目：用低成本实现高质感动画，增强产品竞争力。