Filterable before/after galleries for Elementor.
Show your work. Let visitors filter, zoom, and drag through before/after — no code, no jQuery, fully designable inside Elementor.
- 0 kb
- of jQuery
- 100%
- Elementor
- AA
- Accessible
Everything a project portfolio needs, in one Elementor widget.
Filterable categories
Auto-built or custom-ordered categories, four button styles, mobile-friendly scroll.
Before / After slider
Draggable comparison on every card — mouse, touch, keyboard. Also in the lightbox.
Grid or Masonry
Switch per widget. Responsive per-device columns and gaps.
Designed in Elementor
Cards, filters, lightbox, slider — every control styleable natively. No CSS.
Most plugins give you a pretty gallery.
Gallery Filter gives you a portfolio.
A filterable project portfolio with a built-in before/after slider — designed entirely in Elementor. No extra plugins. No code.
Before/After + filtering + lightbox in ONE plugin
Before/after usually needs a separate plugin. Here it's built into each project, on the card AND enlarged in the lightbox, alongside the gallery images.
A project portfolio, not just images
Each item has cover, gallery, before/after, title, category, selectable tags, location, description and link — all shown in the lightbox.
Two content sources
A real Gallery Projects post type (with taxonomy + managed tags), or manual items directly inside Elementor with live preview.
Actually designed in Elementor
Deep native style controls for filters, cards, lightbox and before/after slider. Not a locked shortcode.
Grid AND Masonry, accessible, no jQuery
Switch layouts per widget, per-device columns, keyboard + touch, and zero jQuery on the front end.
Theme-proof + reuse-friendly
Hardened so aggressive themes can't break the lightbox or images. Starts empty with managed vocabularies for clean multi-site reuse.
Try the before/after slider
Real, draggable comparison — works with mouse, touch and keyboard arrows. Use it to show transformations from paving, landscaping, remodeling and more.
- Set a Before and After image per project
- Available on the card AND enlarged in the lightbox
- Styleable divider, handle and labels
- Coexists with the rest of the gallery images
Grid or Masonry — your call, per widget.
Per-device columns and gaps. On mobile the filter bar becomes a single-line scroll.
Four button styles. Auto or custom-ordered categories.
Pills
StyleOutline
StyleUnderline
StyleMinimal
StyleHerringbone driveway refresh
Replaced a cracked asphalt driveway with a herringbone paver install…
Accessible, theme-proof, and built for portfolios.
Keyboard arrows, swipe, focus trap, and Esc-to-close. Displays the enlarged before/after comparison first, then browses the gallery — with a counter and controls that stay visible on any theme.
- Keyboard + swipe navigation, Esc to close
- Shows title, location, description and tags
- Enlarged before/after comparison inside
- Theme-proof: controls stay readable on any background
Two content sources. Zero compromise.
Gallery Filter widget
Everything updates in the Elementor live preview — no reloads, no shortcodes.
Native controls for every element. No CSS required.
From install to live in about ten minutes.
Install & activate
Upload the plugin ZIP or install from your account. Activate with one click.
Add projects (or manual items)
Fill in cover, gallery, before/after, category, tags, location and description.
Drop the widget on any page
Drag the Gallery Filter widget into Elementor and style it live.
The complete feature checklist.
Built for teams with visual portfolios.
"Our project portfolio finally looks like our work. Clients love dragging the before/afters — booked calls doubled."
"Zero code and it drops straight into our Elementor theme. The mobile scroll filter is the detail I didn't know I needed."
"We used to stack three plugins for gallery, lightbox, and comparison. One widget replaced all of them."
One clean price. Lifetime updates.
One-time. Lifetime updates. Use on your own site.
Get Gallery FilterBuilt by Servkh — need a custom site? Contact us.
Answers to the common questions.
Show your work. Book more jobs.
Add Gallery Filter to your Elementor site and turn your project photos into a portfolio visitors want to explore.