Introduction
popcn/ui is a gradient-driven, motion-rich component library built for modern React applications. Components are copied directly into your project giving you full ownership and customization.
Features
Skin System
Multiple visual skins — Aurora gradients, NeumoPop neumorphism, GlassPop frosted glass, and more. Pair with theme presets to match your brand.
Motion Presets
Built-in animations: pop, float, shine, and snap for delightful interactions.
Copy & Paste
Own your code. Components are copied directly into your project.
Theme Presets
Cosmic, Sunset, Neon, Mono and more — each with light/dark modes.
Quick Start
1
Initialize your project
npx popcn init2
Add components
npx popcn add button3
Import and use
import { Button } from "@/components/ui/button"