Animation
Blur reveal
A 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.
Using Blur reveal
A 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.
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: blur, offset, direction, 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.
