Skip to content

component

MorphMask

By Can Girgin

Details

Summary

What it is A premium, organic mask that smoothly morphs to reveal your image.

Description

What it is A 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

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600178618/148/228/309/79/15
  • All · #7730