Interactive comparison slider Free
Drag-to-reveal before/after slider (powered by Cocoen) that feels natural on desktop and touch.
Features
Everything you need to present before & after results
A complete toolkit for medical and aesthetic practices — from a simple comparison slider to full, filterable case studies with watermarking and consent. Pro features are marked below.
In action
See the highlights
A closer look at the features that make MBA Gallery stand out. Open the live demo →
Free & Pro
Interactive before & after slider
Let visitors drag to reveal the transformation. The comparison slider feels natural on desktop and touch — and you can open each case in split, before-only, after-only or side-by-side views.
- Smooth drag & keyboard control
- Multiple view modes
- Looks great on every device
Pro feature
Masonry layout & redesigned modal
A premium, Pinterest-style gallery with a click-to-open filter drawer and an immersive case modal that includes a Treatment Overview panel and an “About this case” write-up.
- Pinterest-style cards
- Filter drawer & rich case modal
- Optional dark mode
Pro feature
Smart filtering, search & sort
Help patients find results relevant to them with six built-in filters (plus unlimited custom ones), instant search, and sort — all shareable through the URL with deep-linking.
- Gender, age, procedure & custom filters
- Instant search & sort
- Shareable filtered views
Pro feature
Image annotations & hotspots
Drop numbered markers directly on your images to highlight exactly what changed. Each hotspot carries a title and note, and visitors reveal them on hover or tap.
- Up to 30 markers per image
- Per-image-pair annotations
- Hover or tap to reveal
Pro feature
Watermarking & protection
Protect your work with a text or logo watermark in nine positions — your originals are never modified. Add a sensitive-content consent overlay for responsible presentation.
- Text or logo watermark
- Originals never touched
- Consent overlay for sensitive content
Before & After Comparison
Show transformations the way patients want to see them.
View switching Free
Open cases in split-slider, before-only or after-only — your choice of default.
Side-by-side "Both" view Pro
Show before and after next to each other instead of a slider, great for subtle results.
Custom Before / After labels Pro
Rename the labels (or hide them entirely) to match your clinic’s language.
Image annotations & hotspots Pro
Drop numbered markers (up to 30 per image) with titles and notes to highlight exactly what changed.
Layouts & Appearance
A gallery that fits your brand and any WordPress theme.
Responsive grid gallery Free
A clean, mobile-first grid with a category carousel and case modal out of the box.
Masonry layout + redesigned modal Pro
Pinterest-style cards with a click-to-open filter drawer and a polished case modal with a Treatment Overview panel.
Dark mode Pro
Off, always-on, or auto (follows the visitor’s system preference).
Grid columns & card ratios Pro
Choose auto / 2 / 3 / 4 columns and card aspect ratios (1:1, 4:3, 3:2).
Customizable colors Free
Set a primary brand color — a solid hex or a CSS gradient — used across the gallery.
Theme-resilient & accessible Pro
Renders consistently inside any theme, with ARIA roles and full keyboard navigation.
Filtering & Discovery
Help patients find the results that matter to them.
Categories & subcategories Free
Organize cases into categories, with hierarchical subcategory pills in Pro.
Smart case filters Pro
Six built-in filters — gender, age range, recovery time, treatment duration, results visibility and procedure type.
Unlimited custom filters Pro
Add your own filters with custom options, reorder them, and enable/disable as needed.
Search & sort Pro
Let visitors search across cases and sort by newest, oldest or title.
Deep-linking & shareable views Pro
Filters, search and sort are reflected in the URL. A ?mbcase=ID link opens a specific case directly.
Rich Case Studies
Turn a single photo pair into a complete, credible case story.
Multiple image pairs per case Pro
Add unlimited before/after pairs per case — multiple angles, stages or sessions — each with its own label.
Treatment overview details Pro
Capture gender, age, recovery, duration, results and procedure type, shown as clean stat tiles.
Rich case descriptions Pro
A full editor for an "About this case" write-up with formatting and media.
Image cropping tool Free
Crop uploads to a consistent size right in the editor for a tidy, uniform grid.
Protection & Privacy
Built for sensitive medical imagery and compliant practices.
Image watermarking Pro
Apply a text or logo watermark with 9 positions, opacity, size and padding. Originals are never modified — watermarked copies are created.
Bulk watermark tools Pro
Auto-apply on save, plus bulk apply, remove-all, clear-&-reapply and a test preview.
Sensitive-content consent overlay Pro
Gate the gallery behind a customizable consent notice that can remember the visitor’s choice.
Image protection Pro
Deter casual right-click saving and image dragging on the gallery and modal.
Embedding & Developers
Drop galleries anywhere and integrate with your stack.
Gallery shortcode Free
Embed the full gallery anywhere with [medbeafgallery] and a few simple attributes.
Category carousel shortcode Pro
Show a sliding carousel of a category with [mba_category_carousel] (autoplay, loop, navigation).
Single-case embed Pro
Feature one case inline anywhere with [mba_case id="123"], including its treatment overview.
Call-to-action button Pro
Add a "Book consultation" button inside the case modal, linked wherever you like.
REST API Free
Gallery and category data is exposed over a clean REST API for custom integrations.
Free vs Pro
Compare the plans
| Feature | Free | Pro |
|---|---|---|
| Before/after comparison slider | ||
| Responsive grid gallery | ||
| Categories & category carousel | ||
| Image cropping tool | ||
| Customizable brand color | ||
| Before/after view switching | ||
| Modal case navigation | ||
| REST API | ||
| Number of cases | Up to 12 | Unlimited |
| Number of categories | Up to 4 | Unlimited |
| Multiple image pairs per case | ||
| Subcategories | ||
| Smart & custom filters (age, gender, procedure…) | ||
| Search & sort | ||
| Deep-linking & shareable views | ||
| Masonry layout + redesigned modal | ||
| Dark mode | ||
| Image watermarking (text / logo) | ||
| Image protection | ||
| Image annotations / hotspots | ||
| Sensitive-content consent overlay | ||
| Detailed case info / Treatment Overview | ||
| Carousel & single-case shortcodes | ||
| Modal call-to-action button | ||
| Priority support | ||
| Download free | Get Pro |