Features
Enhance your designs using
Before & After
Two environments per slide
Build a Before and an After version of the same slide; a draggable divider lets users compare them interactively.
Per-slide activation
Enable the addon only on the slides that need it (Slide Options → Before After → Active), keeping other slides unchanged.
Independent backgrounds & layers
Set different backgrounds for Before/After (color, gradient, image, or video) and add unique layers to each mode; you can switch a layer’s mode later if needed.
Orientation & start position
Choose Vertical or Horizontal divider and set the initial split percentage with Init Split.
Entrance & exit animations
Control how the divider appears and leaves with Delay, Duration, Easing, and Type (Fade or Collapse).
Teaser & arrow motion
Draw attention with looping or one-shot Teaser animations (Attract/Repel) and animated arrow transitions (offset, speed, easing, delay).
Styling controls
Customize Icons, Divider Line (width, color, shadow), Drag Container (padding, radius, background, border, shadow), and even set Animate on Stage Click and cursor style.
Learn how to Install,
activate & configure
Before & After
A quick, step-by-step guide to get this addon running:
requirements, installation, activation, and key settings.
Use Cases
Results-driven uses for
Before & After
Product makeovers & retouching
Show restorations, edits, or packaging updates with a satisfying reveal that users control.
Renovation, remodeling, and landscaping
Compare “then vs now” shots for property, interiors, or outdoor projects—great for portfolios and case studies.
Medical, fitness, and beauty results
Present transformations (e.g., before/after treatments or training) with clear, focused comparisons.
UI/brand refresh walkthroughs
Contrast legacy vs. new interfaces, color schemes, or design systems in a single, interactive frame.
A/B creative tests & campaigns
Let stakeholders or visitors compare ad variations, grade corrections, or effects without flipping slides.
Examples
Templates built with
Before & After
More Addons
Explore other popular addons
-
Fluid Dynamics
Bring real-time, WebGL fluid effects to your slides—silky “ink in water” motion with full color control.
-
Advanced Transitions
Unlock premium WebGL scene changes for sliders that feel fast, modern, and unmistakably pro.
-
The Cluster
Build responsive 3D particle clusters that orbit, attract, and react to the cursor.
-
Mousetrap
Lets you turn any layer into a custom cursor and create mouse-follow interactions—replacing the default pointer for engaging, on-hover effects.
-
Particles
Add animated particles to Slider Revolution with the Particle Effects Addon. Start from presets or custom SVGs, then fine-tune colors, density, and motion.
-
Particle Wave
The Particle Wave addon for Slider Revolution enables you to add interactive, 3D particles background animation effects.
-
Before & After
Create interactive before-and-after comparisons in Slider Revolution with the Before & After Addon.
-
BubbleMorph
Add gooey, lava-lamp style motion to Slider Revolution with the Bubble Morph Addon.
-
Distortion
Add animated distortion effects to Slider Revolution with the Distortion Addon and enhance slide transitions or cursor-driven interactions.
-
Lottie
Add crisp, lightweight Lottie animations to Slider Revolution with the Lottie Addon.
Get 30+ powerful addons with Slider Revolution
One purchase gives you instant access to the full collection of powerful addons. No extra costs, no hidden fees — everything you need to create next-level designs is included.