This component adds a smooth clip-path animation from any direction, triggered on load or scroll, with optional blur for a polished reveal effect in Framer.
Made with Workshop
Build your own component with AI
Image Reveal animates an image into view using a smooth clip-path transition from any direction. You can trigger the animation on load or when the image scrolls into view, with an optional blur effect for extra polish.
Image – Any image with optional alt text
Trigger – Animation starts on load or on scroll
Direction – Reveal from top, bottom, left, or right
Blur – Add an initial blur that clears during animation
Transition – Fully adjustable duration and easing