component
MorphMask
By Can Girgin
Details
- Can GirginAuthor
- componentType
- $4.00Price
- 2025-08-13Published
- 2025-12-03Updated
- 2025-08-10Added
- EffectsCategories
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.
- All · #7730