Fieldbook
Sign in

Layout

Fading edge scroll panel

A scroll panel that hides the native bar, floats a slim thumb only while you are using it, and fades content out on whichever edge still has more to reach.

Using Fading edge scroll panel

A scroll panel that hides the native bar, floats a slim thumb only while you are using it, and fades content out on whichever edge still has more to reach.

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: panelHeight, itemCount, fadeEdges, alwaysShowBar, thumbColor

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

Overlay scroll panel
2396Overlay scroll panelLayoutA bounded panel that hides the platform scrollbar and draws its own slim overlay track, thumb sized to the content.
Progressive edge blur
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.
Focus scroll list
2357Focus scroll listLayoutA scrollable queue whose rows pop into full size and opacity as they reach the center of view, with hover and keyboard selection.
Masked reveal disclosure
2384Masked reveal disclosureLayoutA disclosure whose panel grows to its own natural height while a soft gradient edge wipes the content into view from the top, then runs backwards on close.
Masonry flow
1532Masonry flowLayoutA masonry wall that packs tiles of varying height into columns, lifts each one in as it scrolls into view, and re-seats the whole grid when the column count changes.
Curved Scroll Wall
2330Curved Scroll WallLayoutA horizontally scrolling wall of photos rendered on a gently curved, bowed plane that keeps scrolling infinitely in either direction.