Fanned Arc Showcase
Portfolio carousel built as a plain, fully editable Bricks tree: section > container > arc (Swiper track with seven "Arc Frame" component instances splayed above the fold) > heading row (previous arrow, eyebrow-free H2 + i…
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.
Fanned Arc Showcase 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
- Sliders and carousels
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 17
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the whole section
data-tiltdeg · max rotation applied to the outermost visible cards
data-riseem · how far cards arc upward as they move from centre
data-scale-step0-1 · size reduction per step away from centre
data-radiuscard corner radius from the ACSS radius tokens
data-aspectcard photo ratio 4:5, 3:4, 1:1 or 2:3
data-per-view-desktopcards width as a fraction of the arc
data-gappx between cards
data-autoplaydata-delayms
data-speedtransition ms
data-loopdata-pause-on-hoverdata-dragmouse drag + touch swipe
data-click-focusclicking any card brings it to the centre
data-arrowsdata-paginationComponent props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1487958449943-2429e8be8625?w=720
photoAltField notes — showcase frame 1
captionField notes
toneneutral
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






