Three, Pt and more
September 03, 2020
It's still the most performat and cross-platform/browser compatible way to animate website elements. The result is scalable, quick-loading, and well, impressive to see. Check out some more examples of neat pure CSS animations.
"A line is a dot that went for a walk.
Drawing is taking a line for a walk."
This is what this whole experimental animation library all about. It starts with a simple point that creates a concept when put into space and transforms into interpretation when gets into a form. The space and the form in return create a context for a point. The code is being viewed as new medium: it can automate processes, model abstractions, and design interactions. All together Point, Space and Form orchestrated by Code create beautiful pictures on a canvas.
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovinand renders them natively.
airbnb/lottie-webRender After Effects animations natively on Web, Android and iOS, and React Native.
If you are looking for some fine details such as svg drawing, scroll, hover, type animation check out this article with over 20 animation libraries overview. I borrowed a nice clean and simple github profile card design from there.