Hydrated cleanly
Opacity and transform start before the component runtime claims the element.
FIG-001/ SSR
start before hydration.
The server renders the initial opacity/transform and an inline handoff script starts the same transition before Svelte Motion mounts.
- The optimized appear bootstrap uses WAAPI for opacity and transform so the first visible frame already belongs to the entrance animation.
- Hydration hands the animation back to the normal motion runtime using the upstream
data-framer-appear-idcontract.
category · ssr
sheet · sheet 01 / 01
⟳ to re-run