Creates viscous liquid effect on button borders that responds to mouse/touch movement. Uses SVG with goo filter for blob-like morphing with smooth physics simulation. Features customizable viscosity, distortion, shimmer effects, and optional droplets. Supports touch with enhanced sensitivity. Perfect for CTAs, interactive elements, or adding playful fluidity to any button.

Liquid Button

Hover over the buttons to see the liquid effect.

Liquid Physics

Viscosity 0.05-0.5

Fluid thickness/stickiness. Lower is thicker and slower, higher is more watery and responsive.

Default: 0.15

Distortion 5-50 pixels

Maximum stretch/deformation distance. Higher creates more dramatic blob morphing.

Default: 20

Recovery 0.1-0.9

Speed liquid returns to original shape. Higher snaps back faster, lower is more elastic.

Default: 0.3

Smoothness 8-24 points

Number of control points for liquid border. Higher is smoother but more CPU intensive.

Default: 12

Appearance

Liquid Color hex color

Color of liquid border. Auto-detects button background if not specified.

Default: auto-detect or #3498db

Shimmer true/false

Enable animated shimmer gradient overlay. Creates glossy, reflective appearance.

Default: false

Shimmer Color hex color

Color of shimmer highlight when enabled. Typically white or light color.

Default: #ffffff

Effects

Droplets true/false

Enable small droplets that fall during touch interaction. Adds extra fluidity.

Default: false

Touch Multiplier 1.0-3.0

Amplifies effect intensity on touch devices. Higher compensates for less precise touch input.

Default: 1.5

Performance

This element uses SVG with goo filter (feGaussianBlur + feColorMatrix) for blob morphing. Implements physics simulation with velocity and spring forces. Uses requestAnimationFrame for smooth 60fps animation only during interaction. Features quadratic bezier curves for smooth path rendering. Supports both mouse and touch with passive event listeners where possible. Moderate performance - suitable for most devices with 2-4 instances per page recommended.