Elementor widget · Gallery & Portfolio
Filterable Gallery
A filterable image grid for portfolios & galleries — category filters, hover zoom, captions, per-item links, and full control over fit, type & overlay. No depen
About this elementor widget
A clean, filterable image gallery for portfolios, case studies, product showcases, and team galleries. Visitors filter by category with one click, and each tile has a caption overlay with a title and category label. Pure CSS + vanilla JS — no jQuery, no libraries, no external requests.
Features
- One-click category filters, auto-built from your items (with an "All" tab)
- Responsive grid: 2, 3, or 4 columns, down to 1 on mobile
- Hover zoom with a caption overlay that sits on top of the image
- Optional per-item link — make any tile clickable
- Image controls: Cover or Contain fit + position (center/top/bottom/left/right)
- Choose the title's HTML tag (H1–H6, div, p, span) for proper SEO structure
- Full typography controls for the title and category
- Customizable overlay gradient (top & bottom colors) and caption color
- Adjustable corner radius and filter accent color
Great for
- Design & photography portfolios
- Case studies and project showcases
- Product or service galleries
- Team, class, or event listings
Renders live in the Elementor editor and on the frontend.
