[Framer component] Polygon Image Reveal
$5.00
Bring your visuals to life with this animated image reveal component using dynamic polygon masks. Polygon Mask Entry animates images into view using a customizable clip-path polygon, creating a sleek, modern entry effect that’s perfect for portfolios, hero sections, or scroll-triggered storytelling.
✅ Key Features
Custom Mask Shapes: Choose from center, top, bottom, left, or right entry directions.
Adjustable Spread: Control the polygon’s size and intensity to match your brand style.
In-View Triggering: Animate on scroll or load — your choice.
Exit Animation: Optionally reverse the animation when the component leaves the viewport.
Fully Responsive: Image fills the container with customizable object-fit.
🧠 Ideal For
Hero image reveals
Scroll-based animations
Portfolios and galleries
Minimalist UI with subtle motion
⚙️ Customization Options
Mask Position (top, bottom, left, right, center)
Mask Spread (1–50)
Duration and easing
Image fit (cover, contain, etc.)
Scroll offset and reverse logic
Note: Works out of the box in Framer, no code needed. Just drop in your image, tweak a few settings, and you’re ready.
See it in action here: https://polygon-masked-reveal.framer.website