I’m really excited to share Glass 2 to you, a brand-new stack that makes it easy to add elegant glassmorphism effects to your sites.
With Glass you can build transparent, frosted, and colored glass layouts that look incredible in any design. Add shimmering hover states, glowing spotlight effects, and even animated gradient borders that bring your UI to life.
Some of the highlights you’ll see in the demo:
- Transparent Glass – clean and clear with subtle distortion and inset glare.
- Frosted Glass – blurred, softened backgrounds that create real depth.
- Colored Glass – beautiful tinted glass with gradient borders.
- Animated Borders – gradients that spin, bounce, or rotate infinitely.
- Spotlight Hover – interactive highlights that follow your cursor.
- Glass Swatches – style multiple elements with a single swatch, and watch them adapt to whatever’s behind them.
And of course, everything is mix-and-match. You can combine effects to create the exact look and feel you want, from slick menus to elegant cards, buttons, and sticky headers.
Check out the Glass demo:
This is just the beginning — I’ll be doing a livestream soon to dive deeper into all the settings and show you even more ways to use it.
I can’t wait to see what you build with Glass. Go forth and make your websites great!