Glassmorphism Generator

Lightweight Design Tools by the Team at Fishyhue Studio

Glass Effect Settings

Background Color

Opacity

Blur

Saturation

Border Radius

Padding

Text Color

Border

Border Thickness

Border Color

Shadow

Hover Effects

Enable Hover Effects

Hover Blur

Hover Saturation

Hover Opacity

Hover Border Radius

Scale

Translate Y

Duration

Easing

Live Preview

Glassmorphism Card

This is a beautiful glassmorphism effect. Hover over me to see the animation!

Generated Code

HTML

CSS

Tailwind CSS