Editorial Hover Cards
Magazine story block as a plain, fully editable Bricks tree: section > container > head (h2 + "All stories" link) > grid of "Editorial Story Card" component instances (props: size feature|regular|compact, image, alt, categ…
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.
Editorial Hover 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-durationms · data-easing smooth|spring|snappy|linear
data-staggerms
data-distancepx · data-once true|false
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
sizeregular
imagehttps://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1200
altA low white house with a shaded courtyard and pool
categoryArchitecture
dateSep 18, 2026
titleThe quiet return of the courtyard house
headingLevelh3
href#
excerptArchitects are turning homes inward again. We visited four of them to…
avatarhttps://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=96
authorMarta Okafor
readTime9 min read
showImageTrue
showCategoryTrue
showDateTrue
showExcerptTrue
showAuthorTrue
showReadTimeTrue
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






