Fieldbook
Sign in

Scroll

Scroll entrance wrapper

A wrapper that keeps its children parked off position until they scroll into view, then plays one eased arrival and never repeats it.

Using Scroll entrance wrapper

A wrapper that keeps its children parked off position until they scroll into view, then plays one eased arrival and never repeats it.

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: distance, direction, duration, scale, threshold, accent

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

Blur fade reveal
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.
Enter view reveal
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.
Directional Slide In
1684Directional Slide InAnimationA reveal that pushes content in from any of the four sides by a set distance and lets a spring absorb the arrival.
Scroll dim text reveal
2838Scroll dim text revealScrollA paragraph sits dimmed and brightens word by word in lockstep with scroll progress, then dims again as you scroll back.
Scroll expand stage
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.
Scroll focus column
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.