A drag-to-reveal before/after image component for Framer. Drop in two images, drag the handle, done. Fully customizable from the properties panel — no code needed.
About this component
Useful for skincare, beauty, interior design, photo editing portfolios, or any side-by-side comparison you want to make interactive.
What's included:
Before and After image inputs
Start position (0–100%)
Image fit: Cover or Contain
Corner radius control
Divider width and color
Divider shadow toggle
Handle show/hide toggle
Handle size and color
Icon color
Free to use. Works on desktop and mobile.
Need help or have questions?
Reach out to a.thiery@lamanote.com or message me on X - I'm here to help with any questions about the template.
