{"repo":"proyecto26/animatable-component","free":true,"listed":false,"github":"https://github.com/proyecto26/animatable-component","clone":"git clone https://github.com/proyecto26/animatable-component.git","description":"Animate once, use Everywhere! 💫","language":"TypeScript","stars":262,"topics":["web-animations-api","web-animations","web-animation","animation","animation-library","animations","transitions","declarative","web-components","stenciljs"],"license":"MIT","category":"ui-components","readme_excerpt":"[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![TotalDownloads][total-downloads-image]][npm-url] [![Twitter Follow][twitter-image]][twitter-url] [npm-image]:http://img.shields.io/npm/v/@proyecto26/animatable-component.svg [npm-url]:https://npmjs.org/package/@proyecto26/animatable-component [downloads-image]:http://img.shields.io/npm/dm/@proyecto26/animatable-component.svg [total-downloads-image]:http://img.shields.io/npm/dt/@proyecto26/animatable-component.svg?label=total%20downloads [twitter-image]:https://img.shields.io/twitter/follow/jdnichollsc.svg?style=social&label=Follow%20me [twitter-url]:https://twitter.com/jdnichollsc Web Component built with Stencil.js to use Web Animations API in a declarative way. You can animate any HTML element easily: With the largest list of Keyframes/Easing Functions that can also be used with other animation tools or Platforms! 🧚 Demo 🎮 Do you want to see this web component in action? Visit https://codepen.io/jdnichollsc/full/rNNYBbe yay! 🎉 - Playground: https://codepen.io/jdnichollsc/pen/MWwpGNW - Sequence: https://codepen.io/jdnichollsc/full/OJVWyQm - Events: https://codepen.io/jdnichollsc/full/wvagEYQ - Paths: https://codepen.io/jdnichollsc/full/MWwmBzr - Background Position: https://codepen.io/jdnichollsc/full/wvMJyYQ - Carousel: https://codepen.io/jdnichollsc/full/zYrpEyR - Confetti: https://codepen.io/jdnichollsc/full/RwWVoJN - Cube Component: https://codepen.io/jdnichollsc/full/mdervLB - Multiple C","default_branch":null,"files":null,"tree":[],"storefront":"/r/proyecto26","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/proyecto26/animatable-component/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}