Advanced image reveal animations component triggered on appear, scroll, hover, or section in view. Just drag and drop and then customize the motion like a pro.
Make it with Workshop
Build your own component with AI
Create captivating image animations that respond to user interaction. This component offers multiple ways to reveal your images with smooth, professional transitions.Key Features:
Multiple trigger modes: on appear, on view, on hover, or section in view.
Section-linked animation: images change as users scroll through sections.
Direction options: left, right, top, bottom.
Advanced hover effects: mask or image swap with smooth transitions.
Scroll-based triggers: activate at top, center, or bottom of the viewport.
Fully customizable transitions.
Exit control: reverse on scroll away or stay static.
Replay control: choose whether animations reset on re-entry.
Ideal for creative agencies, photographers, designers, and anyone looking to add layer-based animation systems to their Framer projects.