Gallery Before After · Sections

Components Themes Docs

Components
/
Gallery
/
Gallery Before After

Gallery Before After

Draggable split comparison driven by a range input.

GalleryInteractivecomparison interactive slider0 views

More gallery sections

Gallery Masonry Grid

Column-flow masonry layout with captions revealed on hover.

Gallerymasonrygrid3

Gallery Filter Tabs

Category pills that filter the grid in place.

GalleryInteractivefilterinteractive1

Gallery Video Feature

Large poster frame with a play affordance and a chapter list.

GalleryInteractivevideofeature

PreviousGallery Filter Tabs NextGallery Video Feature

Sections

React sections that take every visual value from CSS custom properties, so a copied snippet looks the same in your project as it does here.

Library

All components
Theme presets
Documentation

Authoring

Admin guide
Manage components
Import & export

Built with Next.js, Prisma and Sucrase. Previews run in a sandboxed iframe.