Tools
Flow
Home
Explore Tools
About
Browse Tools
Get Started
×
Home
Explore Tools
About
Get Started
Browse Tools
Home
Explore
Design Tools
Glassmorphism Generator
Glassmorphism Generator
Popular
Create glass UI effects with CSS
Glass Effect
Blur
16px
Background Opacity
10%
Border Opacity
20%
background: rgba(255,255,255,0.1); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.2); border-radius: 16px;
Copy
Related Tools
Gradient Generator
Create & export beautiful CSS gradients
Box Shadow Generator
Build CSS box shadows visually
Border Radius Generator
Generate smooth CSS border-radius values