Liquid Glass Effects

Experience the beauty of modern glassmorphism with enhanced liquid effects, responsive animations, and customizable variants.

Customize Glass Effects

Glass Variants

Animations

Live Preview

Medium Glass

Balanced glass effect with moderate blur

Wave Animation

Code Example

<LiquidGlassCard
  variant="medium"
  animation="wave"
  hover={true}
>
  <YourContent />
</LiquidGlassCard>

Glass Effects Gallery

Light

Subtle transparency with light blur

Wave Animation

Medium

Balanced glass effect with moderate blur

Float Animation

Heavy

Strong glass effect with heavy blur

Pulse Animation

Neon

Neon green tinted glass with glow

Shimmer Animation

Blue

Blue tinted glass with cool vibes

None Animation

Purple

Purple tinted glass with mystical feel

Wave Animation

Frosted

Ultra-blurred frosted glass effect

Float Animation

Gradient

Animated gradient border glass

Pulse Animation

Enhanced Features

Visual Effects

  • • Multiple blur intensities
  • • Colored glass variants
  • • Gradient border animations
  • • Shimmer light effects
  • • Multi-layered glow

Interactions

  • • Smooth hover transitions
  • • Click animations
  • • Responsive scaling
  • • Touch-friendly design
  • • Accessibility support