About GlassForge
A free tool for generating liquid glass effects — built by an indie developer who wanted clean, production-ready glassmorphism code without all the manual fiddling.
A free tool for generating liquid glass effects — built by an indie developer who wanted clean, production-ready glassmorphism code without all the manual fiddling.
Apple's liquid glass design language is beautiful, but replicating it accurately in code takes a lot of trial and error — tweaking blur, transparency, border glow, and shadow until it finally looks right. GlassForge automates that process so you can focus on building instead of experimenting.
The generator outputs real code for CSS, React, Vue, Flutter, SwiftUI, and more. No design-tool exports, no runtime dependencies — just clean copy-paste snippets you can drop straight into your project.
GlassForge started as a weekend experiment and grew from there. It is maintained by a solo developer who uses it in real projects. Features get added when they solve a real problem, not to hit a roadmap.
Adjust blur, transparency, border glow, and corner radius — the generator computes optimal CSS values and outputs framework-specific snippets instantly.
The preview panel uses real WebGL shader rendering — the same technique Apple uses — so what you see accurately matches what the effect looks like in production.
CSS, React, React TypeScript, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, Tailwind, Emotion, and Styled Components — all from the same parameter set.
Have a feature request, found a bug, or just want to say hi? I read every message and try to respond within a day or two.
For bug reports, feature ideas, or collaboration inquiries.