Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageExpand-Collapse Feature Cards
Bento grid of service cards that open in place: a collapsed card shows an icon, kicker, title and one-line summary; opening it grows the card into a large photo + detail card (description, checklist, key figure, link) wh…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Expand-Collapse Feature Cards 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-ctaheader button
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
columns3
expandlarge
modesingle
animationmorph
duration650
easingsmooth
mediastart
cardStylesoft
radiusl
accentprimary
scrollTrue
textMeasured survey and drone photos
markercheck
showIconTrue
iconsite
showKickerTrue
kickerBefore you buy
titleSite and feasibility
headingLevelh3
showSummaryTrue
summaryLight, access, soil and planning history, checked before you commit.
showImageTrue
imagehttps://images.unsplash.com/photo-1449844908441-8829872d2607?w=1200
imageAltBrick house with a steep roof at the end of a tree-lined lane
focalcenter
detailWe walk the plot with you, survey it, pull its planning history and t…
showPointsTrue
showStatTrue
statValue10 days
statLabeltypical turnaround
showLinkTrue
linkLabelSee a sample report
linkUrl#feasibility
openFalse
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
