Phased Transition

Demo of Phased Transition: https://phased-transition.netlify.com/

None of SVG libraries allows you to create such transition.

Primitivo is a JavaScript library for SVG. That means it prepares data for the SVG and doesn't manipulate the DOM. Think about it as the SVG assistant. With it, you can create spinners, transitions effects, or elements for illustrations.

What makes it unique:
1. Morph paths via animate tag;
2. Powerful timing and spacing controls;
3. Phased animation;
4. Animate with SSR and turned off JS (except for interactive cases).

Currently in alpha: https://github.com/guandjoy/primitivo-svg

Yurko Turskiy
Developer & Designer

More by Yurko Turskiy

View profile