Bodymovin

Bodymovin: Animate After Effects Animations for Web

A powerful plugin that converts After Effects animations into reusable HTML5 animations, perfect for web designers and developers

What is Bodymovin?

Bodymovin is an After Effects plugin created by Hernan Torrisi that allows designers and animators to export their After Effects animations to JSON data. The JSON data can then be used to recreate the animations in HTML5 using JavaScript libraries like Lottie.

Some key features and benefits of Bodymovin include:

• Allows After Effects animations to be rendered natively on web and mobile using common languages like HTML5, JavaScript and CSS
• Significantly smaller file sizes compared to traditional video formats
• Animations remain small in file size regardless of length
• Seamless looping and variation of animations
• Animations are scalable to any size without loss of quality
• Supported by libraries like Lottie for easily integrating animations into websites and apps
• Exports vector animations instead of rasterized videos
• Works by exporting animation data as a lightweight JSON file
• Community-driven and open-source

Overall, Bodymovin extends the usability of After Effects animations by allowing them to be rendered natively across websites and mobile apps without needing embedded videos. The small file sizes make it ideal for delivering high quality animations on web and mobile interfaces.

Bodymovin Features

Official Links