Scroll

Stacked blur fade

A scroll panel edge that dissolves into the panel colour through several stacked backdrop blurs instead of one flat blur band.

Marisol VegaCeramic pour-over set$68.00Shipped
Owen BlakeWalnut cutting board$94.00Processing
Priya NairLinen table runner$41.50New
Hugo FischerCast-iron skillet, 10 in$52.00Shipped
Ada SolomonStoneware mug, set of 4$36.00Delayed
Ines DuarteBrass candle holder$28.00Shipped
Kenji SatoWoven market basket$45.00Processing
Lena KowalskiMarble cheese board$59.00New
Tomas ReyesHand-thrown fruit bowl$47.00Shipped
Freya NilsenBeeswax candle trio$22.00Shipped
Diego MarinOak spoon rest$18.00Processing
Clara VossLinen napkin, set of 6$33.00Shipped

Using Stacked blur fade

A scroll panel edge that dissolves into the panel colour through several stacked backdrop blurs instead of one flat blur band.

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: height, position, layers, maxBlur, autoHide, accentColor

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

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.

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.

2407Progressive edge blurLayoutA band pinned to one edge of a scrolling panel that blurs and fades its content gradually into the background instead of cutting it off at a hard line.

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.

1855Enter view revealScrollBlocks that slide and fade in the moment they cross into view and reset themselves once they leave, so the reveal plays again on every pass.

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.