MorphMask
Soft, morphing image mask with a realistic cast shadow, gentle parallax on scroll, and hover tilt. Upload an image, tweak width/align/scale, add sheen or a gradient border.
Make it with Workshop
Build your own component with AI
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
Drop into your frame/stack.
Upload an image.
Set Max Width and Align; fine-tune Content Scale.
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
