Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageElastic Connected Thread Cards
Pinboard of discipline cards tied together by elastic strings drawn in SVG: move the cursor across a thread and it catches, stretches with the pointer and snaps free into a spring wobble; small signals travel along every…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Elastic Connected Thread 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 3
Set on the section, in Etch’s attributes panel. No code needed.
data-themesection surface
data-hintthe "move across the board" chip in the header
data-ctaheader button
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
connectgrid
threadColorprimary
threadStylesolid
threadWidthregular
strengthmedium
springwobbly
sagsoft
driftTrue
pulseTrue
pinsTrue
staggerTrue
columns3
cardStylepaper
radiusl
imagehttps://images.unsplash.com/photo-1494790108377-be9c29b29330?w=160
nameAmara Lindqvist
roleResearch lead
showIndexTrue
index01
showIconTrue
iconcompass
showTagTrue
tagWeek 1-2
titleResearch
headingLevelh3
showDescriptionTrue
descriptionInterviews, field visits and a teardown of every competitor your cust…
showLeadTrue
showLinkTrue
linkLabelMethods
linkUrl#research
toneplain
hubFalse
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
