Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageExpanding Interactive Card Deck
A deck of photo cards that rests gathered (a hand fanned in a shallow arc, a tossed pile or a diagonal cascade) and expands by dealing every card into its place in a clean grid, one after another; a Gather button sweeps…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Expanding Interactive Card 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
- Etch, ACSS, plain CSS
Options 2
Set on the section, in Etch’s attributes panel. No code needed.
data-themesection surface
data-alignheader alignment
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
pilearc
startpile
triggerin-view
columns3
duration760
stagger60
easingsmooth
tiltsoft
ratiolandscape
cardStylepaper
radiusl
showCountTrue
countLabeldays in the deck
showHintTrue
hintTap the deck to deal it out
showToggleTrue
spreadLabelDeal the cards
gatherLabelGather the deck
iconclock
textAfternoon
showImageTrue
imagehttps://images.unsplash.com/photo-1516483638261-f4dbaf036963?w=900
imageAltPastel houses stacked on a cliff above a small harbour
focalcenter
showIndexTrue
index01
showTagTrue
tagArrive
titleCheck in above the harbour
titleTagh3
linkUrl#day-1
showDescriptionTrue
descriptionBags off at noon, a slow lunch on the terrace and a first swim before…
showFactsTrue
showMoreTrue
moreLabelDay details
tonepaper
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
