SVG Page Transition

SVG Page Transition is a scroll animation in the UI HUB scroll animations collection. It is built with React and ships as a self-contained component you can copy into an existing project without pulling in a component library.

The component works without configuration, and can be restyled through its own class names and CSS custom properties.

Preview the scroll animation in the browser above, copy the source, and paste it into your project. Scroll Animations components in UI HUB are grouped by category so you can compare effects side by side before choosing one.