How do I create liquid glass effects?

Simply choose a preset (iOS, Vision Pro, macOS, or Material), adjust the parameters like transparency and blur, and copy the generated CSS code.

Is the liquid glass generator free?

Yes, GlassForge is completely free to use. No signup required, no watermarks, unlimited usage.

You can export liquid glass effects to CSS, React, Vue.js, Flutter, Swift (iOS), and Kotlin (Android).

Yes, the generated code includes fallbacks for older browsers and works across Chrome, Safari, Firefox, and Edge.

Learn how to create stunning liquid glass effects with our comprehensive tutorials

Learn the basics of liquid glass effects and how to use our generator.

• Understanding glass morphism

• Basic parameter controls

• Exporting your designs

Master advanced techniques for professional liquid glass effects.

• Background color optimization

• Animation and hover effects

• Cross-browser compatibility

Ready to start creating? Try our liquid glass generator!