Welcome to CappyUI
A collection of beautiful, animated React components built with Next.js, Tailwind CSS, and Framer Motion.
Overview
CappyUI is a modern component library designed for Next.js applications. Each component is crafted with attention to detail, featuring smooth animations, responsive design, and full TypeScript support.
Features
- Modern Design - Clean, contemporary components that look great out of the box
- Fully Customizable - Built with Tailwind CSS for easy theming and styling
- Smooth Animations - Powered by Framer Motion for fluid, performant animations
- Responsive - Mobile-first design that works beautifully on all devices
- Accessible - Built with accessibility best practices in mind
- TypeScript Ready - Full TypeScript support with comprehensive type definitions
- Copy & Paste - Simply copy the component code and use it in your project
Quick Start
Get started with CappyUI in just a few steps:
Install Next.js
Create a new Next.js project or use an existing one:
npx create-next-app@latest my-app
cd my-appInstall Dependencies
Install the required dependencies:
npm install framer-motion lucide-react clsx tailwind-mergeAdd Components
Use the CLI to add components to your project:
npx shadcn@latest add https://uiregistry.cappychat.com/registry/calendar-current.jsonFor detailed setup instructions, check out our Installation Guide.
Tech Stack
| Technology | Description |
|---|---|
| Next.js 15 | React framework with App Router |
| Tailwind CSS 4 | Utility-first CSS framework |
| Framer Motion | Animation library |
| Lucide React | Icon library |
| TypeScript | Type safety |
Contributing
We welcome contributions. If you have ideas for new components or improvements:
- Submit issues on GitHub
- Create pull requests
- Share feedback and suggestions
License
MIT License - feel free to use these components in your projects, both personal and commercial.