Web animations examples

Here's a collection of examples using the Web Animations API. This API allows you to create high-performance animations, and also inspect and manipulate them, as well as those created by CSS that are currently running.

Index

Style guide: You can give designers the power to fully customise the animations of UX components right in the style guide itself!
Adjustable accessibility settings: Use the Web Animations API so users can customise animations according to their needs or preferences.
Performance comparison: Comparing the performance of JavaScript animations via requestAnimationFrame versus the new Web Animations API.
Source code comparison: Comparing the code of CSS-defined animations versus the Web Animations API.

Web animations examples

Index

Resources