{"repo":"animotionjs/motion","free":true,"listed":false,"github":"https://github.com/animotionjs/motion","clone":"git clone https://github.com/animotionjs/motion.git","description":"🔥 Svelte animation library","language":"TypeScript","stars":58,"topics":["animation","library","motion","svelte","sveltekit"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Motion https://github.com/animotionjs/motion/assets/38083522/7cd87b1b-016f-46d3-b2c9-67e849d4559f What Is Motion? Motion is a simple Svelte animation library. Instead of being limited to animating CSS properties using a JavaScript animation library, or the Web Animations API, it uses values that change over time, to animate any property. Installation API - tween(value, options?) — create a tween that animates a value over time - .to(value, options?) — animate to a new value, returns a promise - .current — the current animated value - .current.rounded rounds to integers - .current.round(n) rounds to decimals - .target = value — set the target value directly - .sfx(sound, options?) — play a sound effect, returns the tween for chaining - .reset() — reset to the initial value instantly - all(...tweens) — wait for multiple tweens to complete Example","default_branch":null,"files":null,"tree":[],"storefront":"/r/animotionjs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/animotionjs/motion/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."}