MorphMask

MorphMask
MorphMask

About MorphMask

What it isA premium, organic mask that smoothly morphs to reveal your image. The shape follows a natural “blob” motion, sits on a soft cast shadow, and can show an optional glossy sheen and gradient border.

Why it’s great

  • Looks custom without heavy setups

  • Image upload (no URLs)

  • Clean, responsive, motion-safe

  • Works in Canvas & Preview

How to use

  1. Drop into your frame/stack.

  2. Upload an image.

  3. Set Max Width and Align; fine-tune Content Scale.

  4. Optional: turn on Sheen and Border (pick two colors).

Accessibility

Respects prefers-reduced-motion (morph/tilt/parallax calm down). Purely decorative—keep key info in nearby text.

Performance

Zero dependencies. GPU-friendly transforms and expanded filter bounds—no clipped edges or hairline artifacts.

Best for

Service sections · Case study visuals · Product or team imagery with personality

Tips

  • Start with Softness 5–7, Morph Speed 0.3–0.45, Parallax 0.3–0.5.

  • If a parent clips the shadow, raise Shadow Pad (40–80px).

  • Use higher-contrast images when enabling Border and Sheen.

Suggested tags

mask, morph, blob, image, reveal, parallax, tilt, glass, gradient, hero, visual

From Can Girgin

LumaOrbit
OrbitRingPro
Liquid Chrome 3D
Cosmic Starfield

Related Components

True Liquid Glass
ASCII Reveal
Progressive Blur
Mark Glass