Twenty20 Image Before-After

Twenty20 is a professional-grade image comparison tool that helps you showcase transformations in a highly engaging way. Perfect for:

• Photography portfolios
• Real estate before/after
• Renovation projects
• Design makeovers
• Product comparisons
• Restoration work
• Medical procedures
• And much more!

Video Tutorial

Live Demo

Check the Live Demo.

Key Features

• Responsive design — works perfectly on all devices
• Horizontal and vertical sliding options
• Customizable slider position and orientation
• Custom «before» and «after» labels
• Adjustable image widths and alignments
• Mouse hover sliding effect
• Touch-enabled for mobile devices
• Multiple sliders per page
• Widget support for sidebars
• SEO-friendly with proper alt tag support
• Accessibility compliant image comparisons

Page Builder Support

• Elementor
• WPBakery Page Builder (Visual Composer)
• Flatsome UX Builder
• Classic Editor

Perfect For

• Photography before/after edits
• Home renovation comparisons
• Web design makeovers
• Product transformations
• Restoration projects
• Beauty transformations
• Real estate renovations

Usage

Shortcode Example

Quick Example

Shortcode Parameters

• img1 — image ID.
• img2 — image ID.
• offset — range from 0.1 to 1.0.
• direction — horizontal|vertical.
• align — none|right|left.
• width — supports both px and %.
• before — text for the «before» label.
• after — text for the «after» label.
• hover — true or false.