EZFreetools|more soon

turn off ads|dark mode

Glassmorphism Generator

Build frosted glass card effects with live preview.

Blur 10px

Transparency 0.25

Border Opacity 0.30

Tint Color #FFFFFF

Glassmorphism

How to Use

Adjust blur, transparency, and border opacity with the sliders.
Pick a tint color to change the glass overlay.
The preview shows the effect on a colorful background. Copy the CSS when done.

Generators (48)

CSS (19)

CSS Gradient Generator Box Shadow Generator Border Radius Generator Flexbox Generator CSS Animation Generator Text Shadow Generator CSS Filter Generator CSS Button Generator Glassmorphism Generator SVG Blob Generator CSS Clip-Path Generator CSS Loader Generator CSS Triangle Generator CSS Easing Generator CSS Background Pattern Generator CSS Type Scale Generator CSS Wave Divider Generator CSS Tooltip Generator CSS Grid Generator

color (8)

Color Picker Color Palette Generator Random Color Generator Color Shades Generator Color Mixer Color Name Finder Interactive Color Wheel Color Code Converter

codes & data (7)

QR Code Generator Barcode Generator Password Generator Random Number Generator Fake Data Generator Meta Tag Generator Robots.txt Generator

content (7)

Acronym Generator Hashtag Generator Name Generator Business Name Generator ASCII Art Text Generator Meme Generator Placeholder Image Generator

documents (7)

Invoice Generator Favicon Generator Privacy Policy Generator Terms of Service Generator Resume Builder Email Signature Generator Calendar Generator