Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageElastic Book Shelf
Editorial reading-list shelf built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > a horizontally scroll-snapping shelf of six "Shelf Book" component instances (add, reorder, del…
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 Book Shelf 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 5
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the whole section
data-tiltpointer-follow 3D tilt on the hovered/focused cover (fine pointers only
data-elasticneighbouring books elastically make room for the hovered book instead of staying evenly spaced
data-radiuscorner radius of each cover from the ACSS radius tokens
data-gappx between books
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
coverhttps://images.unsplash.com/photo-1507842217343-583bb7270b66?w=480
coverAltCover of Quiet Systems by Mira Holt
titleQuiet Systems
authorMira Holt
toneindigo
badgeStaff pick
blurbA field guide to interfaces that do less, more precisely — why restra…
buyUrl#shelf
buyLabelAdd to cart
dialogIdetched-ebs-book-1
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
