bezier-easing
ScrollMagic
bezier-easing | ScrollMagic | |
---|---|---|
2 | 3 | |
1,712 | 14,759 | |
- | - | |
0.0 | 1.9 | |
10 months ago | 27 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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.
ScrollMagic
-
ScrollMagic VS Trig-JS - a user suggested alternative
2 projects | 28 Mar 2023
-
Anyone know any frameworks for creating scroll animations?
https://github.com/janpaepke/ScrollMagic is very popular and very easy to learn
-
Web Effect
ScrollMagic - The JavaScript library for magical scroll interactions.
What are some alternatives?
react-spring - ✌️ A spring physics based React animation library
fullPage - fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
framer/motion - Open source, production-ready animation and gesture library for React
skrollr
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
iscroll
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
stellar.js - Stellar.js - Parallax scrolling made easy
pixi-ease - pixi.js animation library using easing functions
scrollMonitor - A simple and fast API to monitor elements as you scroll