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
animation
code
design
generative
github
interaction
interactive
javascript
monochrome
motion
react
reactjs
svg
svg animation
transition
ui
user inteface
ux
vector
web
View all tags
Posted on
Feb 12, 2020
More by Yurko Turskiy View profile
Like