bezier-easing
velocity
bezier-easing | velocity | |
---|---|---|
2 | 1 | |
1,712 | 17,272 | |
- | - | |
0.0 | 0.0 | |
10 months ago | over 3 years ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bezier-easing
-
New features in TimelineCSS, including live editing easing curves and multi-select controls.
CSS supports a separate easing curve for each keyframe of an animation and each of these curves are cubic bezier curves so I only need to store two control points (x,y coordinates) for each frame and those determine what the curve looks like for that frame. Clicking & dragging those points just updates those x,y coordinates of the 2 control points. CSS and the web animation API actually do all the heavy lifting here as far as actually tweening those values but if you're looking for a javascript implementation of cubic bezier this one works well: https://github.com/gre/bezier-easing/blob/master/src/index.js
-
Web Effect
Bezier easing - Cubic-bezier implementation for your JavaScript animation easings.
velocity
-
Web Effect
Velocity - Accelerated JavaScript animation.
What are some alternatives?
react-spring - ✌️ A spring physics based React animation library
Waterfall - BungeeCord fork that aims to improve performance and stability.
framer/motion - Open source, production-ready animation and gesture library for React
anime.js - JavaScript animation engine
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
particles.js - A lightweight JavaScript library for creating particles
pixi-ease - pixi.js animation library using easing functions
jquery.transit - Super-smooth CSS3 transformations and transitions for jQuery