Glassmorphism CSS Generator

Create Frosted Glass Effects - Free Online Tool

Generate glassmorphism (frosted glass effect) CSS with real-time preview. Adjust opacity, blur, saturation, border, radius, and shadow with sliders. Copy the code with one click. Free, no registration required.

Preview

Glass Card

A frosted glass card design. Beautiful effect that shows the background through.

Presets

Parameter Controls

Generated CSS

Other Tools

Color Code Converter

Convert between HEX, RGB, and HSL color codes

CSSGradient生成

美しいGradientCSSを簡単生成

JSON Formatter

Format JSON for better readability