A collection of UI components
Build beautiful interfaces with glass-border components
A set of accessible, customizable React components styled with a distinctive glass-border aesthetic. Copy and paste them directly into your Next.js projects.
72 components| 9 categories| Copy-paste ready
Active project
JD
AB
CK
Why these components?
Designed to be simple, beautiful, and easy to integrate.
Glass aesthetic
Distinctive glass-border styling with backdrop blur and subtle shadows.
Variants system
Every component supports multiple variants via class-variance-authority.
Copy & paste
No install required. Copy the source and use it directly in your project.
Browse by category
9 categories, 72 components.
Ready to use?
Pick a component, copy the source code, and paste it into your project.
Ctrl+CthenCtrl+V