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