Displaying 1 to 5 from 5 results

react-flip-move - Effortless animation between DOM changes (eg

  •    Javascript

This module was built to tackle the common but arduous problem of animating a list of items when the list's order changes. CSS transitions only work for CSS properties. If your list is shuffled, the items have rearranged themselves, but without the use of CSS. The DOM nodes don't know that their on-screen location has changed; from their perspective, they've been removed and inserted elsewhere in the document.

react-magic-hat - 🎩✨Library to implement the Magic Hat technique, blazingly fast 🚀

  •    Javascript

React implementation of what I call the Magic Hat UI technique [DEMO]. 🚀 Blazing fast. 60+ FPS hardware-accelerated CSS transforms, using the FLIP technique. Fluid and performant. Thanks to react-flip-move for that.

fast-animation - An animation library that simplifies interactions and animations using the Web Animation API

  •    TypeScript

An animation library that simplifies interactions and animations using the Web Animation API.This system uses the emerging Web Animations API that is not supported in all browsers. To provide the broadest support, we recommend you include the web animations polyfill (use the 'next' version). This polyfill can be found here.

neon-animation - Polymer + Web Animations

  •    Javascript

Please use the Web Animations API or CSS animations instead. See An Update on Neon Animation for more information. neon-animation is a suite of elements and behaviors to implement pluggable animated transitions for Polymer Elements using Web Animations. Please note that these elements do not include the web-animations polyfill.




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

  •    TypeScript

Instagram/Whatsapp stories like built on Web Components and Web Animations API. After install depenencies, you just need to run yarn start. Once the server was started, go to localhost:4444 and see it in action.