Aisol Before/After

A before/after comparison gallery with multiple pairs, a keyboard-operable handle and per-pair CMS links. Drag the handle or focus it and use the arrow keys - Shift moves further, Home/End jump to the ends. role=slider with aria-valuenow built in.

Show several comparisons at once in a responsive 1-3 column grid that adapts to its container width. Each pair has Before/After labels, a title, a caption, and an optional CMS Link to its own page - perfect for renovation portfolios, retouching services, design agencies and case studies.

Choose a horizontal or vertical split per component. prefers-reduced-motion is respected without disabling interaction, and the static canvas fallback keeps the Framer editor fast. Box-sizing safe: no horizontal overflow at any width.

Everything is configurable from the properties panel: pairs, columns, split direction, handle style, labels, captions and demo sweep.

Try the live demo, then get the component and paste it straight into your project. Works on the free plan. More components: search Aisol on the Marketplace.