Visual generator · techies.tools
Glass card
Frosted glass without the guesswork.
Shape a frosted-glass card with blur, reflections, edges, glow, and a light you can drag around, then copy the result.
Why it exists
The problem, and how Glass card fixes it
The problem
Glass effects take a pile of CSS layers that are hard to tune by hand and easy to get wrong on small screens.
The fix
Move sliders and drag the light while you watch the card change, then copy code that already works.
What it does
Everything in Glass card
Every layer in reach
Blur, surface, reflection, edge, glow, radius, and lighting all sit in one settings bar.
Drag the light
Move the light right in the preview, or set its position exactly.
Three ways to export
Copy or save the stylesheet, the markup, or a complete HTML file, or download all three.
Security and privacy
Where your data lives
- No account. Your latest card is saved only in your browser.
- Nothing you make is sent anywhere.
No ads, analytics, or tracking cookies. This page asks GitHub for the public star count.
Where to find it
Address, code, and price
- Licence
- MIT: free to use and repurpose, at your own risk
- Price
- Free
Who makes this
Made by Lex
Hi, I'm Lex. I run Techies Reviews, where I test and explain web tools on YouTube and techies.review.
When a tool works well enough for me, I put it here for free, and I share its code on GitHub so you can see exactly what it does.
More from Techies