Animate.css is a small library of CSS animations, which can be used to add subtle (or not so subtle in some cases) animations to elements in your page. All you need to do is include the Animate.css code and then use the classes provided to animate elements in your application.
three.js is a 3D animation library built for the web. three.js works by creating a three-dimensional scene in which objects are rendered, a camera is then placed inside this scene. Some of the best animated websites on the web utilise three.js.
Spirit is a web animation timeline GUI currently in beta. The interface is intuitive and simple to use enabling you to make changes or additions and see the results in the browser in real time. Spirit could be a real game changer for web animation!
GSAP is a powerhouse when it comes to web animation. Starting life as a Flash animation plugin, it has since evolved to be one of the best web animation libraries available, enabling complex animations and time-based functions to be easily authored.
Learn more about the power of CSS animation
We all know about the power of CSS transitions, we use them day in and day out to animate the state of a button or link; but CSS is capable of so much more when it comes to animation, especially when paired with SVG, and it’s about time we started utilising it.
Get your ticket for Generate London 2018 and hear Steven Roberts reveal the best tools for recreating some of the best animations the web has to offer.