Fieldbook
Sign in

Animation

Focus in reveal

A reveal that brings content in out of focus and lets it sharpen as it enters view, with an optional per item delay for a stack of rows.

Using Focus in reveal

A reveal that brings content in out of focus and lets it sharpen as it enters view, with an optional per item delay for a stack of rows.

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: startBlur, endBlur, delay, stagger, 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

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.
Blur reveal
1669Blur revealAnimationA wrapper that keeps its child out of focus and slightly offset until it first enters the viewport, then resolves the blur and closes the gap in one move.
Composable Reveal
1676Composable RevealAnimationOne reveal wrapper whose slide, fade, zoom and defocus parts can each be switched on and combined into a single spring transition.
Scale in on view
1743Scale in on viewAnimationA wrapper that holds its child small until it first scrolls into view, then springs it to full size, with an optional per-item stagger for lists.
Staggered Fade List
1751Staggered Fade ListAnimationRows that fade up from a chosen starting opacity one after another as the group enters view, with the gap between them adjustable.
Mount pop in
1787Mount pop inAnimationA row of shapes that spring in from zero the moment they mount, staggered so the group reads as one wave, with a replay button to watch it again.