Build beautiful
interfaces faster
A gradient-driven, motion-rich component library. Copy and paste components into your project with popcn add
Gradient Direction
135°Components
66 components. Browse by category.
Button
Card
Component
New
Glass morphism with aurora glow effects
glass
aurora
solid
Badge
Aurora
Glow
Glass
Outline
Secondary
Notification
Notifications
3 new
New feature available
AuroraPop v1.0 is now live!
Tabs
Primary
Glow
Dialog
Loading Button
Chart
Color Picker
Selected: #6366f1
Notification Badge
5555
Stepper
AccountCreate your account
ProfileSet up your profile
PreferencesConfigure preferences
ReviewReview and submit
Alert
Aurora Active
Cosmic theme enabled.
Action required
Review the settings.
Why popcn/ui?
Designed for developers who want beautiful, accessible, and customizable components.
Skin System
Multiple visual skins — Aurora gradients, NeumoPop neumorphism, GlassPop frosted glass, and more. Pair with theme presets to match your brand.
Motion Rich
Built-in animations: pop, float, shine, and snap for delightful interactions.
Copy & Paste
Own your code. Components are copied directly into your project.