Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageThumbnail Nav Gallery
Plain, fully editable Bricks tree: section > container > stage (one large active image, counter chip, prev/next arrows) > thumbnail rail (a second, synced Swiper strip of six "Gallery Thumb" component instances). Only the…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Thumbnail Nav Gallery reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Component
- Category
- Galleries
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 7
Set on the section, in Bricks’ attributes panel. No code needed.
data-autoplayand
data-delayms
data-loopinfinite loop
data-arrowsprev/next on the stage image
data-counterthe "1 / 6" chip on the stage
data-thumbs-per-viewdecimals give a peek; mobile
data-radiuscorner radius from the ACSS radius tokens
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=1400
thumbhttps://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=200
altCeramic pour-over dripper on a linen cloth
thumbhttps://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=200
altCeramic pour-over dripper on a linen cloth
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
