Bring your visuals to life with a smooth scroll-driven before-after reveal, perfect for showcasing design and photography work.
Make it with Workshop
Build your own component with AI
Scroll Image Compare brings your visuals to life with a smooth, scroll-driven before-after reveal.
Perfect for showcasing transformations, redesigns, or creative storytelling, it turns static images into interactive experiences.
Customize the scroll distance, choose horizontal or vertical motion, and fine-tune the animation’s feel-all inside Framer, no code required. The transition is natural, cinematic, and crafted to highlight every detail in your design.
Need help setting up or want to customize your component?
Feel free to reach out at hi@farukakhan.com- happy to help you make it fit perfectly.