Chris Coyier: CSS Animation Libraries (CSS-Tricks)
There are an awful lot of libraries that want to help you animate things on the web. These aren't really libraries that help you with the syntax or the technology of animations, but rather are grab-and-use as-is libraries. Want to apply a class like "animate-flip-up" and watch an element, uhhh, flip up? These are the kind of libraries to look at.
I wholeheartedly think you should both 1) learn how to animate things in CSS by learning the syntax yourself and 2) customize animations to tailor the feel to your site. Still, poking around libraries like this helps foster ideas, gets you started with code examples, and might form a foundation for your own projects.
Back to Bits
Back to Bits, a curated animation project featuring the collective works of more than 40 artists from around the world, showcases a series of animated GIFs inspired by retro video games. This second round, or “level,” in the Back to Bits series is called Super 16, and is a tribute to retro 80s and 90s SNES games.
Back to Bits was channeled by the nostalgic desire to go 'back to the bit era' when games were measured in bits, NES 8-bit and SNES 16-bit.
The project serves as a lighthearted creative outlet to bring like-minded artists together to share work, celebrate their love for these games and inspire the next generation of gamers.
Back to Bits contributors are professional artists from various creative industries including illustrators, animators, comic book artists, concept artists, directors and designers who share a passion for video games. Artists were asked to reinterpret and create a seamless looping animated short GIF inspired by an NES game of their choice.
vivus.js - svg animation
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like.
