Web Animations Js

JavaScript implementation of the Web Animations API
Alternatives To Web Animations Js
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Snabbt.js5,2132147 years ago16December 27, 201516mitJavaScript
Fast animations with javascript and CSS transforms
Web Animations Js3,5403,8411,1862 years ago12June 25, 201984apache-2.0JavaScript
JavaScript implementation of the Web Animations API
Scroll Into View If Needed1,173
9 days ago22mitJavaScript
Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
15 months ago3May 07, 2017mitJavaScript
Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. This is a porting to Web Animation API of the fabulous animate.css project.
React Web Animation283825 years ago29January 18, 20185mitJavaScript
React components for the Web Animations API - http://react-web-animation.surge.sh
Poly Flif232
5 years ago21otherC++
:camera: A poly-fill for the FLIF image format.
Neon Animation145370843 years ago30September 14, 201857JavaScript
Polymer + Web Animations
Web Animations Next119
6 years ago65apache-2.0
Development repository for web-animations-js:
Tinyanimate951746 years ago2November 23, 20162mitJavaScript
Animation micro library. Vanilla JavaScript.
Jogwheel60116 years ago21June 06, 20165otherJavaScript
💿 Take control of your CSS keyframe animations
Alternatives To Web Animations Js
Select To Compare

Alternative Project Comparisons

What is Web Animations?

A new JavaScript API for driving animated content on the web. By unifying the animation features of SVG and CSS, Web Animations unlocks features previously only usable declaratively, and exposes powerful, high-performance animation capabilities to developers.

What is in this repository?

A JavaScript implementation of the Web Animations API that provides Web Animation features in browsers that do not support it natively. The polyfill falls back to the native implementation when one is available.

Quick start

Here's a simple example of an animation that fades and scales a <div>.
Try it as a live demo.

<!-- Include the polyfill -->
<script src="web-animations.min.js"></script>

<!-- Set up a target to animate -->
<div class="pulse" style="width: 150px;">Hello world!</div>

<!-- Animate! -->
    var elem = document.querySelector('.pulse');
    var animation = elem.animate({
        opacity: [0.5, 1],
        transform: ['scale(0.5)', 'scale(1)'],
    }, {
        direction: 'alternate',
        duration: 500,
        iterations: Infinity,


We love feedback!

Keep up-to-date

Breaking polyfill changes will be announced on this low-volume mailing list: [email protected].

More info

Popular Animation Projects
Popular Polyfill Projects
Popular User Interface Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.