Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSpectrum Riffle Carousel
A receding card-stack carousel (Swiper's "cards" effect) built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > carousel > six "Spectrum Card" component instances > controls (pagi…
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.
Spectrum Riffle 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 16
Set on the section, in Bricks’ attributes panel. No code needed.
data-tintaccent glow colour on the active card
data-offsetpx · horizontal peek of each receding card
data-rotatedeg · rotation of each receding card
data-radiuscard corner radius
data-autoplaydata-delayms
data-speedtransition ms
data-loopdata-arrowsdata-arrows-positiondata-arrows-styledata-paginationdata-pagination-positiondata-controls-layoutdata-autoplay-buttondata-arrows-mobileComponent 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-1518770660439-4636190af475?w=900
photoAltMatte black camera housing prototype
kickerPrototype
showKickerTrue
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
