awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
web-animations avatar

web-animations/web-animations-js

0
View on GitHub↗
3,774 stars·402 forks·JavaScript·Apache-2.0·27 viewsweb-animations.github.io↗

Web Animations Js

This project is a browser animation library and DOM animation engine that serves as a JavaScript polyfill for the Web Animations API. It provides a programmatic interface for driving visual property changes and transitions of document elements within web browsers.

The library enables programmatic UI animation and dynamic document styling using keyframes and precise timing configurations. It supports a unified interface for both standard web elements and vector graphics animation.

Features

  • Web Interface Animation Libraries - Provides a programmatic interface for driving visual property changes and vector graphics animations within web browsers.
  • Programmatic Animations - Controls the movement and style of webpage elements through a programmatic JavaScript interface.
  • Keyframe Interpolation - Calculates intermediate visual values by interpolating between defined keyframes using specific timing functions and easing curves.
  • Declarative Element Animators - Changes visual properties of DOM elements over time using a defined set of keyframes and timing options.
  • JavaScript Animation APIs - Implements a JavaScript version of the Web Animations API for smooth motion and visual transitions.
  • Web Animations API Polyfills - Provides a JavaScript implementation of the Web Animations API for animating document elements and web content.
  • Timeline Animation Controllers - Manages animation progress through a virtual clock that supports pausing, reversing, and seeking to specific timestamps.
  • Dynamic Document Styling - Changes the visual properties of HTML elements over time using keyframes and precise timing configurations.
  • DOM Animation Engines - Manages timing and keyframe-based transitions of document elements through a unified JavaScript API.
  • RequestAnimationFrame Loops - Syncs animation frame updates with the browser refresh rate using a recurring requestAnimationFrame loop.
  • Vector Animations - Drives complex animated sequences for SVG and other vector elements using a unified programmatic interface.
  • Interactive Web Animations - Drives animated content by unifying vector graphics and style animation features through a programmatic interface.
  • Animation State Tracking - Tracks the current playback status, duration, and iteration count within individual animation instances.
  • Style Reconciliation Systems - Computes the final visual state by merging active animation values with underlying static element styles.
  • Animation Property Mapping - Translates high-level animation objects into specific CSS property updates applied directly to the element style attribute.

Star history

Star history chart for web-animations/web-animations-jsStar history chart for web-animations/web-animations-js

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Web Animations Js

Similar open-source projects, ranked by how many features they share with Web Animations Js.
  • greensock/greensock-jsgreensock avatar

    greensock/GreenSock-JS

    25,916View on GitHub↗

    GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes, and JavaScript values. It functions as a scroll-driven animation engine and a sequencing system for coordinating multiple animations into a single timeline for precise execution across web browsers. The project provides tools for creating interactive scroll effects by linking animation progress to a user's scroll position. It also includes a responsive animation framework that adjusts behaviors and timing based on media queries to maintain consistency across different device scr

    JavaScript
    View on GitHub↗25,916
  • anijs/anijsanijs avatar

    anijs/anijs

    3,902View on GitHub↗

    AniJS is a JavaScript animation library and DOM element animation engine used to orchestrate visual transitions and motion effects on HTML elements. It functions as a tool for composing animated web components, such as modals and menus, to improve the visual flow of user interfaces. The library utilizes a declarative approach to web interface animation, allowing for the application of visual styling and motion effects without requiring manual code for every transition. It enables the creation of interactive UI components that respond to user actions through a system of triggered element anima

    JavaScript
    View on GitHub↗3,902
  • tweenjs/tween.jstweenjs avatar

    tweenjs/tween.js

    10,124View on GitHub↗

    tween.js is a JavaScript animation engine and numeric interpolation library. It is designed to calculate intermediate values between a start and end state over time, using easing functions to create smooth transitions for numeric values and object properties. The project functions as both an animation sequence manager and an easing library, allowing for the coordination of concurrent animation groups and the chaining of multiple transitions. It provides tools for managing the rate of change through acceleration and deceleration functions. The library covers a broad range of motion capabiliti

    TypeScriptanimationeasingeasing-curves
    View on GitHub↗10,124
  • cssanimation/css-animation-101cssanimation avatar

    cssanimation/css-animation-101

    5,062View on GitHub↗

    This project is a comprehensive CSS animation tutorial and a structured frontend animation course. It serves as a web motion learning resource designed to teach the implementation of visual transitions and animations within a browser. The resource provides a guide to CSS 3D animation, covering the rendering of three-dimensional scenes and depth. It includes instructions on motion design, ranging from scroll-triggered animations and sprite sheet animation to the creation of complex web interface animations. The material covers core capabilities such as manipulating element geometry, controlli

    CSSanimationcssebook
    View on GitHub↗5,062
See all 30 alternatives to Web Animations Js→

Frequently asked questions

What does web-animations/web-animations-js do?

This project is a browser animation library and DOM animation engine that serves as a JavaScript polyfill for the Web Animations API. It provides a programmatic interface for driving visual property changes and transitions of document elements within web browsers.

What are the main features of web-animations/web-animations-js?

The main features of web-animations/web-animations-js are: Web Interface Animation Libraries, Programmatic Animations, Keyframe Interpolation, Declarative Element Animators, JavaScript Animation APIs, Web Animations API Polyfills, Timeline Animation Controllers, Dynamic Document Styling.

What are some open-source alternatives to web-animations/web-animations-js?

Open-source alternatives to web-animations/web-animations-js include: anijs/anijs — AniJS is a JavaScript animation library and DOM element animation engine used to orchestrate visual transitions and… greensock/greensock-js — GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes,… tweenjs/tween.js — tween.js is a JavaScript animation engine and numeric interpolation library. It is designed to calculate intermediate… cssanimation/css-animation-101 — This project is a comprehensive CSS animation tutorial and a structured frontend animation course. It serves as a web… juliangarnier/anime — This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties,… bendc/animateplus — animateplus is a lightweight JavaScript animation library designed for creating high-performance 60 FPS visual…

Curated searches featuring Web Animations Js

Hand-picked collections where Web Animations Js appears.
  • CSS Animation Libraries