Scroll

Pinned lateral gallery

A section that sticks in place while your vertical scroll is spent dragging a row of panels sideways, then releases and lets the page continue.

Lines of the city

The section holds still while your scroll drags the row beneath it.

01 / 05

Fire escapes, Lower East Side

02 / 05

Cable car lines, Nob Hill

03 / 05

Laundry lines, Trastevere

04 / 05

Power lines, Shibuya crossing

05 / 05

Scaffolding, Kreuzberg

01 / 05

Back to the regular page

The pin released once the row ran out, and normal scrolling picked back up.

Using Pinned lateral gallery

A section that sticks in place while your vertical scroll is spent dragging a row of panels sideways, then releases and lets the page continue.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: accent, panels, heading, showProgress, scrollLength

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

1873Parallax plate galleryScrollA snapping vertical gallery where each plate's oversized index number drifts at a different rate to the plate itself, with a scroll progress rail along the bottom.

1881Scroll expand stageScrollA small rounded frame grows to fill the whole viewport as you scroll, its title lifting away while the article underneath fades up.

1882Scroll focus columnScrollA scrolling column where each row fades and shrinks as it leaves the reading band and comes back to full presence as it enters, so only the middle is ever fully solid.

2839Scroll progress railScrollA hairline bar pinned to the top of a scrollable panel that fills left to right in exact sync with how far the content is scrolled, and drains back when you scroll up.

1892Sticky zoom heroScrollA hero panel that stays pinned while you scroll, pushing its backdrop toward you until it blurs out and hands the page to the text below.

1843Blur fade revealScrollContent that arrives out of focus and transparent, then sharpens into place the first time it scrolls into view without shifting a single pixel.