Web Animations API

Angular Signals

Angular Signals is a reactivity system built into Angular that wraps values in trackable containers so the framework can detect exactly which parts of a compon…

Vue 3 Composition API

The Composition API is a set of function-based APIs introduced in Vue 3, most notably setup(), ref(), and reactive(), that let developers organize a component'…

Lit (framework)

Lit is a lightweight JavaScript library, maintained by Google, for building Web Components using reactive properties, declarative templates, and efficient DOM…

Shoelace

Shoelace (now developed as Web Awesome) is an open-source library of ready-made, framework-agnostic UI Web Components — buttons, dialogs, dropdowns, form contr…

Web Animations API

The Web Animations API (WAAPI) is a native browser JavaScript interface, most commonly accessed via `Element.animate()`, that lets developers create, control,…

Web Animations API Cheat Sheet

Native browser Element.animate() syntax, keyframes, timing options, and playback control without a CSS or JS animation library.

What Is the Web Animations API and How Does It Compare to CSS Animations?

The Web Animations API (WAAPI) is a JavaScript interface, exposed via element.animate(), that lets you define and control keyframe animations programmatically…