bezier-easing
motus
bezier-easing | motus | |
---|---|---|
2 | 1 | |
1,712 | 633 | |
- | - | |
0.0 | 0.0 | |
10 months ago | 11 months 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.
motus
-
Web Effect
Motus - Animation library that mimics CSS keyframes when scrolling.
What are some alternatives?
react-spring - ✌️ A spring physics based React animation library
animatable - One property, two values, endless possiblities
framer/motion - Open source, production-ready animation and gesture library for React
the-cube - The Cube is an experiment with CSS3 transitions.
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
AniX - 🐿 Super easy and lightweight(<3kb) JavaScript animation library
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.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
bounce.js - Create beautiful CSS3 powered animations in no time.
pixi-ease - pixi.js animation library using easing functions