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
All photos and visual assets used in this preview are sourced from Unsplash.
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
- Bricks, ACSS, plain CSS
Options 3
Set on the section, in Bricks’ 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 €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
