#BodyMovin’ is the animation tool for modern sites.
It works translating professional After Effects animations to web animation enhancing the user experience over components such as banners, buttons, infographics, transitions, and typography amongst others.
And best of all: keeps animation responsive, in high definition and cross devices!
The animation tool for modern sites.
#BodyMovin’ brings professional motion to the web.
WHY WE MADE IT
We’ve created bodymovin’ based on the needs we have today with our colleagues and customers.
Our philosophy is to accompany our customers to innovate based on their needs. Today, our designers and programmers need a tool that represents the reality of the designs created for any graphical interface, digital advertising, or UI components, thus ensuring an ideal result.
A series of animated svg icons we did for a contest on Codecanyon. They have an optional hover effect and you can edit the colors of the palette with css by changing the 4 “bm_color_” selectors. CSS classes were directly set and exported from After Effects.
This is an animated version of the google login form. It simulates an email validation: regardless of what you input it will display the invalid animation. Notice that the keypress event writing on the input triggers different animations if the cursor is before or after the @ sign.
These friends used BodyMovin’ on their projects:
“bodymovin goes native thanks to the Airbnb design rock team”