Stunning image reveal animations with 15+ visual effects. Perfect for before/after comparisons, product showcases, and creative transition.
Make it with Workshop
Build your own component with AI
A highly customizable image reveal component for Framer with 15+ animation styles
15+ Reveal Effects: Circle, Slide, Fade, Zoom, Split, Curtain, Radial, Diagonal, Wipe, and more
Multiple Triggers: Hover, Click, or Auto-play
Fully Customizable: 30+ configuration options for complete control
Smooth Animations: Optimized with Framer Motion for 60fps performance
Responsive Design: Works perfectly on all screen sizes
Easy Integration: Drag-and-drop or code-based implementation
TypeScript: Full type safety and IntelliSense support
Production Ready: Optimized for real-world use
Basic Effects
Circle (Mouse): Circular reveal following mouse position
Circle (Center): Circular reveal from center
Rectangle Horizontal: Horizontal wipe reveal
Rectangle Vertical: Vertical wipe reveal
Directional Effects
Slide Left/Right/Up/Down: Smooth sliding transitions
Wipe: Customizable direction wipe effect
Diagonal: Dynamic diagonal reveal
Advanced Effects
Fade: Smooth opacity transition
Zoom: Scale-based reveal effect
Split: Dual-side split reveal
Curtain: Theatrical curtain effect
Radial: Expanding radial reveal
Before & After Comparisons
Perfect for showing transformations:
Photo editing results
Design iterations
Product improvements
Renovations
Product Showcases
Highlight product details:
Color variations
Feature comparisons
Day/night views
Seasonal changes
Creative Transitions
Add visual interest:
Portfolio pieces
Landing page heroes
Interactive stories
Brand reveals
E-commerce
Enhance product pages:
Hover to reveal details
Show product in use
Compare versions
Interactive catalogs
Because these components are digital downloads, all sales are final.Please be sure you want the component before purchasing โ I recommend checking the preview and details first.