Projects in Awesome Lists tagged with web-animations-api

https://github.com/wellyshen/use-web-animations

😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.

animation hook interaction motion performance playback-control react transition typescript use-web-animations ux waapi web-animations web-animations-api

Last synced: 15 May 2025

https://github.com/johakr/html5-slot-machine

Modern casino slot machine game using only plain JavaScript (Web Animations API)

casino es6 es7 gambling slot slot-machine web-animations-api

Last synced: 10 Mar 2026

https://github.com/gibbok/animatelo

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.

animation animations cross-browser-animations css javascript web-animations-api

Last synced: 04 Apr 2025

https://github.com/proyecto26/animatable-component

Animate once, use Everywhere! 💫

animation animation-library animations declarative designer-website designers pwa stencil stencil-components stenciljs stenciljs-components transitions ux ux-experience waapi web web-animation web-animations web-animations-api web-components

Last synced: 08 Apr 2025

https://github.com/alexmacarthur/slide-element

A < 750 byte Promise-based library for animating elements with dynamic heights open & closed. Basically, a modern variant of jQuery's slideUp(), slideDown(), and slideToggle().

animation jquery slidetoggle transition web-animations-api

Last synced: 05 Oct 2025

https://github.com/icelam/random-name-picker

Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.

audio-context audio-context-api lucky-draw pug random-name-picker scss typescript web-animation web-animations web-animations-api

Last synced: 07 Apr 2025

https://github.com/okikio/native

An initiative which aims to make it easy to create complex, light-weight, and performant web applications using modern js api's.

animate animation api app css emitter event js manager modern native ts typescript waapi web web-animations-api

Last synced: 29 Jul 2025

https://github.com/gugadev/storify

Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥

custom-elements javascript postcss typescript web-animations web-animations-api web-components webpack

Last synced: 09 Apr 2025

https://github.com/okikio/spring-easing

Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).

animation animejs easing framer-motion motion-one spring spring-easing typescript waapi web-animations-api

Last synced: 24 Oct 2025

https://github.com/gibbok/keyframes-tool

Keyframes-tool is a NodeJs command-line tool which converts CSS Animations to keyframes object suitable for Web Animations API. Use this tool to move your animations from stylesheets to JavaScript.

animation animations convert-css-animations css javascript keyframes nodejs web-animations-api

Last synced: 26 Feb 2026

https://github.com/JoviDeCroock/use-web-animation

Hooks to leverage the web-animations API in under a kb

animation animations react web-animations web-animations-api

Last synced: 07 May 2025

https://github.com/jovidecroock/use-web-animation

Hooks to leverage the web-animations API in under a kb

animation animations react web-animations web-animations-api

Last synced: 15 Apr 2025

https://github.com/inokawa/react-animatable

Tiny(~1kB) animation hooks for React, built on Web Animations API.

animation canvas css d3 react react-animations react-component react-hooks scroll-timeline svg transition tween web-animations web-animations-api

Last synced: 09 Apr 2025

https://github.com/dgpedro/react-component-transition

Easy animations between react component transitions.

animation components lazy react transitions typescript web-animations-api

Last synced: 19 Apr 2025

https://github.com/n8jadams/smoothr

A custom React router that leverages the Web Animations API and CSS animations.

animated animation-library css-animation-effects css-animation-library css-animations react react-router router single-page-applications web-animations web-animations-api

Last synced: 20 Mar 2025

https://github.com/markcellus/wait-for-element-transition

Easily wait for an element to CSS transition using native vanilla JavaScript

css css-animation element-transition es6 polymer-element react-animation transition transition-animation transition-property transitionend wait web-animations web-animations-api

Last synced: 19 Apr 2025

https://github.com/bluwy/svelte-motion

Experimental web animations support for Svelte transitions

svelte transition web-animations-api

Last synced: 07 May 2025

https://github.com/robertoentringer/animations.js

Npm package - Web Animations API based in Animate.css.

animations babel eslint js parcel prettier transitions waapi web-animations-api

Last synced: 14 May 2025

https://github.com/gustavomorinaga/navigation-rails

Some simple and elegant navigation rail examples

css examples gustavomorinaga html javascript web-animations-api

Last synced: 19 May 2026

https://github.com/ibrahimtanyalcin/rafx

requestAnimationFrame based `thenable` for animations and task management

animation async css-animation evergreen ie9 javascript js performance polyfill promise requestanimationframe task task-queue task-runner web-animations-api

Last synced: 17 Mar 2025

https://github.com/robertoentringer/demo.animations.js

Web Animations API based in Animations.js.

animations js now-cli transitions vuejs waapi web-animations-api zeit-now

Last synced: 21 May 2026

https://github.com/zxbing0066/poetry-reader

一个诗歌朗诵网站

tts web-animations-api web-speech-api website

Last synced: 24 Jun 2026

https://github.com/anton-karlovskiy/material-design-web-animations-demo

Material Design Web Animations Demo - Interactive grid layouts, declarative animations, and music player UI using Web Animations API. Pure vanilla JavaScript with zero dependencies.

animation-library anton-prototype css-animations frontend-development interactive-ui javascript-animations material-design mobile-first performance responsive-design ui-components user-experience vanilla-javascript web-animations web-animations-api web-performance