2018
2015
Framer - Prototyping Tool for Designing UI, Interaction and Animation
by sbrothier (via)
Framer is a new creative tool to build interaction and animation prototypes.
After Effects to CSS
by 84GHz (via)
key findings that an After Effects motion designer needs to understand if their animations will ultimately be in code
Aerotwist - FLIP Your Animations
by srcmax
I’ve come to love FLIP as a way of thinking about animations, because it’s a good match of JavaScript and CSS. Calculate in JavaScript, but let CSS handle the animations for you. You don’t have to use CSS to do the animations, though, you could just as easily use the Web Animations API or JavaScript itself, whatever’s easiest. The main point is that you’re reducing the per-frame complexity and cost (which normally means transform and opacity) to try and give the user the best possible experience.
Animsition · A simple and easy jQuery plugin for CSS animated page transitions.
by srcmax & 1 other
A simple and easy jQuery plugin for CSS animated page transitions.
Twitter's "fave" animation
by manu & 1 other
Twitter recently updated the design of their “fave” (also known as “fav”) button, introducing a new animation. Rather than rely on CSS transitions, the animation makes use of a series of images. Here’s how to recreate the animation using the CSS animation steps timing function.
2014
Velocity.js
by innipukinn & 3 others
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Velocity.js
by Krome & 3 others
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Velocity.js
by srcmax & 3 others
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Velocity.js
by Spone & 3 others (via)
Velocity is a jQuery plugin that re-implements $.animate() to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Webflow - Create Website Interactions With 0 Lines of Code
by sbrothier
Now in Webflow you can create beautiful interactions for your responsive website without writing a line of code. Learn More or Start Designing.
