wellyshen/use-web-animations

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

Language: TypeScript - Size: 3.61 MB - Last synced at: 8 days ago - Pushed at: over 1 year ago - Stars: 1,276 - Forks: 28

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.

Language: JavaScript - Size: 5.34 MB - Last synced at: 17 days ago - Pushed at: over 2 years ago - Stars: 491 - Forks: 39

johakr/html5-slot-machine

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

Language: JavaScript - Size: 3.54 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 481 - Forks: 242

proyecto26/animatable-component

Animate once, use Everywhere! 💫

Language: TypeScript - Size: 1.96 MB - Last synced at: 2 days ago - Pushed at: 6 months ago - Stars: 256 - Forks: 16

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().

Language: TypeScript - Size: 952 KB - Last synced at: 17 days ago - Pushed at: almost 2 years ago - Stars: 184 - Forks: 10

icelam/random-name-picker

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

Language: TypeScript - Size: 6.25 MB - Last synced at: 14 days ago - Pushed at: 12 months ago - Stars: 136 - Forks: 165

trurl-master/jsdom-testing-mocks

A set of tools for emulating browser behavior in jsdom environment

Language: TypeScript - Size: 1.11 MB - Last synced at: 3 days ago - Pushed at: 9 months ago - Stars: 118 - Forks: 7

okikio/native

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

Language: TypeScript - Size: 102 MB - Last synced at: 2 days ago - Pushed at: 7 months ago - Stars: 96 - Forks: 6

gugadev/storify

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

Language: TypeScript - Size: 2.55 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 95 - Forks: 19

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).

Language: TypeScript - Size: 5.57 MB - Last synced at: 15 days ago - Pushed at: over 1 year ago - Stars: 73 - Forks: 2

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.

Language: JavaScript - Size: 35.2 KB - Last synced at: 12 months ago - Pushed at: over 2 years ago - Stars: 63 - Forks: 4

JoviDeCroock/use-web-animation

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

Language: TypeScript - Size: 125 KB - Last synced at: 6 days ago - Pushed at: about 3 years ago - Stars: 51 - Forks: 0

inokawa/react-animatable

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

Language: TypeScript - Size: 55.6 MB - Last synced at: 12 days ago - Pushed at: 5 months ago - Stars: 49 - Forks: 1

dgpedro/react-component-transition

Easy animations between react component transitions.

Language: TypeScript - Size: 1.13 MB - Last synced at: 2 days ago - Pushed at: about 1 year ago - Stars: 29 - Forks: 6

n8jadams/smoothr

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

Language: JavaScript - Size: 260 KB - Last synced at: 16 days ago - Pushed at: almost 6 years ago - Stars: 27 - Forks: 2

markcellus/wait-for-element-transition

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

Language: TypeScript - Size: 1.39 MB - Last synced at: 2 days ago - Pushed at: almost 2 years ago - Stars: 20 - Forks: 1

rogeralmeida/revealjs-animated

A simple to use plugin to add custom animations, based on the Web Animation API, to your presentations.

Language: JavaScript - Size: 1.89 MB - Last synced at: 1 day ago - Pushed at: about 5 years ago - Stars: 16 - Forks: 4

bluwy/svelte-motion

Experimental web animations support for Svelte transitions

Language: Svelte - Size: 46.9 KB - Last synced at: 21 days ago - Pushed at: over 1 year ago - Stars: 15 - Forks: 0

robertoentringer/animations.js

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

Language: JavaScript - Size: 789 KB - Last synced at: 3 days ago - Pushed at: over 4 years ago - Stars: 5 - Forks: 1

DennisSmuda/match-city

Tile-matching game written for Web. Vite, Typescript and StateManagement included! Supports multiple color schemes and style settings!

Language: TypeScript - Size: 2.22 MB - Last synced at: 4 days ago - Pushed at: 5 days ago - Stars: 4 - Forks: 2

gustavomorinaga/navigation-rails

Some simple and elegant navigation rail examples

Language: HTML - Size: 63.5 KB - Last synced at: 5 days ago - Pushed at: almost 2 years ago - Stars: 3 - Forks: 0

trifanio/react-hinge

The fastest way to animate React components (1.2kb minified & gzipped)

Language: TypeScript - Size: 96.7 KB - Last synced at: about 1 month ago - Pushed at: 8 months ago - Stars: 2 - Forks: 0

hideyuk1/react-kanto-pokedex

Kanto Pokedex website made with React.js, using CSS Grid Layout, react-transition-group, CSS transitions, Web Animations API and Intersection Observer.

Language: JavaScript - Size: 1.83 MB - Last synced at: 12 months ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

IbrahimTanyalcin/RafX

requestAnimationFrame based `thenable` for animations and task management

Language: JavaScript - Size: 10.8 MB - Last synced at: about 1 month ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

muhammadumair12345/red-queens-race

Red Queen's Race Animation implemented with React, based on Hooks such as useEffect, use-web-animations, and used the concept of Web Animation API.

Language: JavaScript - Size: 450 KB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 2 - Forks: 0

robertoentringer/demo.animations.js

Web Animations API based in Animations.js.

Language: Vue - Size: 1.8 MB - Last synced at: about 1 month ago - Pushed at: almost 4 years ago - Stars: 2 - Forks: 0

rafaelpradella/pradelladev

My personal site :)

Language: Vue - Size: 2.94 MB - Last synced at: 2 days ago - Pushed at: 3 days ago - Stars: 1 - Forks: 0

donbrae/tripods-web

A puzzle game.

Language: JavaScript - Size: 8.58 MB - Last synced at: about 3 hours ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

enjikaka/progress-bar

Web components progress bar

Language: TypeScript - Size: 33.2 KB - Last synced at: about 1 month ago - Pushed at: 2 months ago - Stars: 1 - Forks: 0

rodrigoantunes-me/google-meet

Crafting interactive reactions similar to Google Meet using HTML, CSS, and Vanilla JavaScript

Size: 1.95 KB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

AlessandroCipolletti/my-js-math-and-ui-utils

A bunch of typescript math and ui utils that I use a lot

Language: TypeScript - Size: 406 KB - Last synced at: 4 days ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

ZxBing0066/poetry-reader

一个诗歌朗诵网站

Language: TypeScript - Size: 21.1 MB - Last synced at: 18 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

suruchi2402/Analog-Clock

A real time analog clock by using Web Animation API , Javascript , CSS transforms.

Language: CSS - Size: 260 KB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

ild0tt0re/fcc_pomodoro-clock

Front End Libraries Projects - Build a 25 + 5 Clock

Language: JavaScript - Size: 863 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

AmeerHamzaRiaz/mobile-app-showcase

Showcase website made using react

Language: JavaScript - Size: 1.43 MB - Last synced at: over 1 year ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 1

acchinosorara/hyoko-button

キャラクターがひょこっと出てくるボタン

Language: JavaScript - Size: 11.7 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

hahayz77/dicegametest

A dice game with Vanilla JS Animation API

Language: CSS - Size: 70.3 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

AhmedShaykh/Web-Animation-API

Language: JavaScript - Size: 3.08 MB - Last synced at: about 1 year ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

hmtalha786/Green-World-Campaign

A react based website of an NGO that encourages people for planting trees.

Language: JavaScript - Size: 967 KB - Last synced at: about 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

hmtalha786/Red-Queen-Race-Web-Animation

Red Queen’s Race with Web Animation API and React Hooks

Language: JavaScript - Size: 440 KB - Last synced at: about 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

syedshahidashiqali/project-4A-with-html-css-js

Panacloud Bootcamp 2020 project 4A with html, css, js and Web Animation API (WAAPI)

Language: JavaScript - Size: 13.1 MB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

waspeer/panning-grid

Language: TypeScript - Size: 117 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

NaumanMunir9/red-queen-race-p4a

Red Queen Race implemented in React using React Hooks and Web Animations API (WAAPI)

Language: JavaScript - Size: 355 KB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

anasshad/Red-Queen-Race-with-Web-Animation-API-and-React-Hooks

Red Queen’s Race with Web Animation API and React Hooks

Language: JavaScript - Size: 5.86 KB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

asadalibest1/Web-Animation-Api-with-Hooks

created custom animations with web Animation API

Language: JavaScript - Size: 426 KB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

andypattenden/web-animations

Project exploring adding CSS animation to SVGs and using the Web Animations API.

Language: Vue - Size: 254 KB - Last synced at: over 1 year ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

AmeerHamzaRiaz/react-web-animation-API-demo

Web animations api demo using react

Language: JavaScript - Size: 771 KB - Last synced at: over 1 year ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

eneax/minimal-blog

A minimal blog built with Gatsby, Netlify CMS and GraphQL

Language: JavaScript - Size: 1.91 MB - Last synced at: about 2 months ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

emanguy/ScriptingProject1

Analog clock practice webapp for Kindergarten aged children.

Language: HTML - Size: 267 KB - Last synced at: 2 months ago - Pushed at: about 7 years ago - Stars: 0 - Forks: 0

creido/cranky

Language: JavaScript - Size: 1.52 MB - Last synced at: about 2 years ago - Pushed at: about 7 years ago - Stars: 0 - Forks: 0

ollar/web-animation-middleware

Language: JavaScript - Size: 9.77 KB - Last synced at: about 1 month ago - Pushed at: about 7 years ago - Stars: 0 - Forks: 0

hipsterreed/ab-animated-banner

A simple polymer element that animates a customizable banner using a provided array of data.

Language: HTML - Size: 1.47 MB - Last synced at: 10 days ago - Pushed at: over 7 years ago - Stars: 0 - Forks: 0

antoniohdezarchive/smooth-scrolling

Smooth Scrolling

Language: JavaScript - Size: 31.3 KB - Last synced at: over 1 year ago - Pushed at: over 7 years ago - Stars: 0 - Forks: 0

mauro1998/experimental

HTML5 experimental things

Language: CSS - Size: 323 KB - Last synced at: over 1 year ago - Pushed at: over 7 years ago - Stars: 0 - Forks: 0