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.

Browse components
Get started
57 components| 7 categories| Copy-paste ready
Border widththick
UI block
arrowPlug-and-play UI blocks for modern websites
Active project
JD
AB
CK
3 collaborators

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

7 categories, 57 components.

View all
Basic
10
Layout
3
Media
12
Forms
14
Feedback
3
Navigation
7

Ready to use?

Pick a component, copy the source code, and paste it into your project.

Ctrl+CthenCtrl+V
Start browsing

Simple, one-time pricing

Pay once, own forever. No subscriptions, no hidden fees.

Starter

Core components · Community support

0€/ forever
  • Core components
  • Community support
  • Personal use only
  • Copy-paste ready
Get started
Most popular

Pro

Full library · Commercial license

30€/ one-time
  • Full component library
  • All landing page blocks
  • Commercial license
  • Future updates included
  • Source code download