Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Component preview thumbnail
    MarketplaceComponents

    Before / After

    Allows you to have 2 images for a before and after comparison. It's built with hardware-acceleration by GPU at core so it will run very smooth and will have great performance.

    Fabian Albert
    Fabian Albert
    Creator
    2mo ago
    Updated
    622
    Views
    Fabian Albert
    Fabian Albert
    Creator
    2mo ago
    Updated
    622
    Views

    Make it with Workshop

    Build your own component with AI


    About this Component

    A clean, fast way to compare two images perfect for edits, makeovers, or product changes. Built with GPU acceleration so everything feels smooth and snappy. Pick from 3 transition styles, drag between images, and tweak the look to fit your design. It just works — and looks good doing it.

    Adjustable properties

    • 3 Transition types

    • Corner radius

    • Horizontal & vertical directions

    • Divider customization

    • Custom grabber

    • Start position

    • Border

    Support
    About ComponentsRefund PolicyContact Creator
    Framer
    EnterprisePricing
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponentsVectors
    Templates
    Plugins
    Components
    Vectors

    More Components

    See All →
    Thumbnail for OrbitFlowRings, a Framer Marketplace template by Can Girgin.
    OrbitFlowRings
    $9
    Can Girgin
    Thumbnail for Radial Nav Menu, a Framer Marketplace template by Chaman Verma.
    Radial Nav Menu
    $5
    Chaman Verma
    Thumbnail for POSTsimulator, a Framer Marketplace template by yasser rayan.
    POSTsimulator
    Free
    yasser rayan
    Thumbnail for Availability Kicker, a Framer Marketplace template by Harsh.
    Availability Kicker
    $2
    Harsh
    Thumbnail for Paper Background, a Framer Marketplace template by Charu Consul.
    Paper Background
    Free
    Charu Consul
    Thumbnail for Rating 0-5, a Framer Marketplace template by Lauri Lännenmäki.
    Rating 0-5
    Free
    Lauri Lännenmäki
    Thumbnail for Custom text color, a Framer Marketplace template by Natália Tímea.
    Custom text color
    $9
    Natália Tímea
    Thumbnail for Dynamic Pricing Card, a Framer Marketplace template by Andrea Villa.
    Dynamic Pricing Card
    $10
    Andrea Villa

    More from Fabian Albert

    See All →
    Thumbnail for Dynamic Toggle, a Framer Marketplace component by Fabian Albert.
    Dynamic Toggle
    component · Free
    Fabian Albert
    Thumbnail for Scroll Word Reveal, a Framer Marketplace component by Fabian Albert.
    Scroll Word Reveal
    component · $10
    Fabian Albert
    Thumbnail for Custom Scrollbar, a Framer Marketplace component by Fabian Albert.
    Custom Scrollbar
    component · $10
    Fabian Albert
    Thumbnail for Scrolling Snap, a Framer Marketplace component by Fabian Albert.
    Scrolling Snap
    component · $10
    Fabian Albert
    Thumbnail for Image Zoom, a Framer Marketplace component by Fabian Albert.
    Image Zoom
    component · $10
    Fabian Albert
    Thumbnail for Text Depth, a Framer Marketplace component by Fabian Albert.
    Text Depth
    component · $10
    Fabian Albert
    Thumbnail for Confetti, a Framer Marketplace component by Fabian Albert.
    Confetti
    component · $8
    Fabian Albert
    Thumbnail for Text Truncate, a Framer Marketplace component by Fabian Albert.
    Text Truncate
    component · $10
    Fabian Albert