Controls
Glass Effect
SharpBlurry
OpaqueTransparent
DesaturatedVivid
DarkBright
Border & Shape
SquareRounded
#ffffff
Shadow
#000000
Add layered shadows for more depth
Background
Content
#000000
Adjust colors for dark backgrounds
Add interactive hover animation
FastSlow
Presets
Mobile
Desktop
Cards
Navigation
Layout
Overlays
Quick Actions
Design Tips
•Use lower blur values (5-10px) for subtle effects
•Higher transparency creates more pronounced glass effect
•Combine with colorful backgrounds for best results
•Test performance on mobile devices
💡 Each preset is optimized for different UI contexts. Click any preset to apply its professional settings instantly.
Controls
Glass Effect
SharpBlurry
OpaqueTransparent
DesaturatedVivid
DarkBright
Border & Shape
SquareRounded
#ffffff
Shadow
#000000
Add layered shadows for more depth
Background
Content
#000000
Adjust colors for dark backgrounds
Add interactive hover animation
FastSlow
Presets
Mobile
Desktop
Cards
Navigation
Layout
Overlays
Quick Actions
Design Tips
•Use lower blur values (5-10px) for subtle effects
•Higher transparency creates more pronounced glass effect
•Combine with colorful backgrounds for best results
•Test performance on mobile devices
💡 Each preset is optimized for different UI contexts. Click any preset to apply its professional settings instantly.