Modules

Before / After Image Slider and other media modules

1 min read Updated July 2026 Applies to: Lite & Pro

The Image & Media category groups the modules that make visuals interactive — comparisons, galleries, masks, and animation.

Before / After Slider

Before / After Slider gives visitors a drag handle to compare two images interactively — ideal for portfolios, renovations, and product comparisons.

Galleries, masks, and motion

  • Gallery builds filterable masonry, grid, or lightbox layouts from a set of images.
  • Image Mask applies creative CSS shape masks to any image.
  • Lottie embeds Lottie JSON animations with full playback controls.

Every module in this category is styled with Divi’s design tabs, so borders, spacing, and hover states match the rest of your page without custom code.