Skip to content
C-179Component

Realistic 3D Bookshelf Carousel

Plain editable Etch tree (eyebrow, heading, intro) holding a cinematic 3D book carousel on a lit shelf: only the book is a component ("Shelf Book": cover image, coverAlt, title, author), placed as six instances that can…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Realistic 3D Bookshelf Carousel 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
Sliders and carousels
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-thickness
thinmediumthick

depth of the page block on the book's spine edge

data-light
studiowarmdramatic

lighting rig style: even studio wash, warm side light, or dramatic rim light

data-idle-drift
truefalse

a very slow autoplay that starts after a few seconds of no interaction and stops the moment a visitor touches the shelf

data-scale
comfortablecompact

responsive canvas scaling: comfortable gives books more breathing room, compact fits more of the shelf on screen

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Shelf Book6 in this pattern · 4 props
PropTypeDefault
cover
text

https://images.unsplash.com/photo-1544947950-fa07a98d237f?w=700

coverAlt
text

Deep teal cover with gold geometric linework

title
text

Low Tide Atlas

author
text

R. Solberg

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan