Glassmorphism Generator
Frosted-glass CSS with blur & transparency.
This free glassmorphism generator designs the frosted-glass effect popular in modern UI — a translucent surface with a background blur behind it. Tune the blur, transparency, saturation, refraction, depth, corner radius, border and tint, preview the card over several gradients, and copy the full CSS — including the multi-layer shadow and the edge-highlight::before /::after pseudo-elements. Refraction controls the strength of the light edges; depth controls the shadow lift. The -webkit- prefix for Safari is included.
Related tools
JSON Formatter
Format, beautify & validate JSON data.
Base64 Encoder / Decoder
Encode and decode Base64 text instantly.
URL Encoder / Decoder
Percent-encode and decode URLs safely.
Regex Tester
Test regular expressions with live match highlighting.
JWT Decoder
Decode JWT header and payload claims.
Timestamp Converter
Convert Unix timestamps to dates and back.