Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSpread Focus Carousel
Plain editable Bricks tree: section > container > header (eyebrow, h2, intro) > stage region holding seven "Spread Frame" component instances fanned in a shallow arc behind the centred, sharp, focused card, plus prev/next…
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.
Spread 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 8
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the whole section
data-spreadhow far and how steeply the cards fan out from the focused one
data-radiuscard corner radius from the ACSS radius tokens
data-captionshow/hide the title, description and CTA under the focused card
data-loopwrap past the first/last card instead of stopping
data-autoplayand
data-delayms · auto-advance the focus
data-dragpointer drag / touch swipe to change focus
Component 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-1519710164239-da123dc03ef4?w=640
altConsidered Form
titleConsidered Form
descriptionempty
ctaLabelView project
ctaUrl#work
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
