Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageCursor Fragment Media Card
Portfolio and case-study cards whose photo is cut into twelve live fragments that react to the cursor and then settle back into one seamless image. Plain editable tree: section > container > header (eyebrow, h2, intro, c…
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.
Cursor Fragment Media Card 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 4
Set on the section, in Etch’s attributes panel. No code needed.
data-themedata-accentindex, chip dot and arrow colour
data-headheader layout on wide screens
data-ctaheader button
Component props 3
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
effectripple
patternstrips
intensitym
reachm
duration900
easingsmooth
introTrue
seamsTrue
seamToneink
layoutzigzag
columns2
radiusl
labelArchitecture
tonelight
imagehttps://images.unsplash.com/photo-1487958449943-2429e8be8625?w=1400
imageAltWhite angular gallery building against a pale sky
focalcenter
ratiolandscape
showIndexTrue
index01
showMetaTrue
metaArchitecture, 2026
titleHalden Pavilion
headingLevelh3
url#halden-pavilion
target_self
showSummaryTrue
summaryA folded gallery cut into a north-facing slope and lit entirely from…
showChipsTrue
showCueTrue
Included in Pro From €39 a year, with all 753 patterns.
Get Pro
