Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageSwipe Match Deck
Draggable match-card stack built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2) > deck region > stage with "Match Card" component instances stacked and peeking behind each other (duplica…
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.
Swipe Match Deck 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
- Cards
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 13
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-loopdismissed cards return to the back of the deck
data-dragpointer drag + touch swipe on the top card
data-autoplayand
data-delayms · auto-advance like a slideshow
data-arrowsshow/hide the reject + like action buttons
data-arrows-positiondata-arrows-styledata-arrows-mobiledata-paginationand
data-pagination-positiondata-controls-layoutdata-autoplay-buttonpause/play toggle when data-autoplay is on
Component 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-1544005313-94ddf0286df2?w=640
photoAltPortrait of Wren Castellan
titleWren Castellan
subtitleProduct Designer · Oslo
tagNew
descriptionLoves slow mornings, fast prototypes and typefaces with a sense of hu…
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
