Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageLayered Focus Carousel
Draggable fanned photo deck built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > carousel > stage > seven "Focus Card" component instances (image, alt, caption — empty caption h…
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.
Layered Focus Carousel 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
- Layout
- Category
- Sliders and carousels
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 15
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the whole section
data-autoplayand
data-delayms
data-loopotherwise stops at the first/last card
data-dragpointer drag + touch swipe pulls the whole deck
data-tiltdeg per step away from centre
data-gapem offset per step
data-scale-stepsize shrink per step
data-fade-stepopacity drop per step
data-blursoft focus on receding cards
data-radiuscorner radius from the ACSS radius tokens
data-aspectcard photo ratio
data-arrowsand
data-paginationdata-pause-on-hoverComponent props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1500534623283-312aade485b7?w=640
altSunlit ridgeline over a still valley
captionAltitude
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
