Description
Animation library that mimics CSS keyframes when scrolling.
motus alternatives and similar libraries
Based on the "Animations" category.
Alternatively, view motus alternatives based on common mentions on social networks and blogs.
-
-
-
-
-
AutoAnimate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application. -
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. -
-
-
-
Scrawl-canvas Library
Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun -
-
Scroll Btween
ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element. -
TransitionEnd
:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event. -
-
Scroll Frames
Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of motus or a related project?
README
Why Motus ?
Motus allows developers to create beatuful animations that simulate CSS keyframes and are applied when the user scrolls.
Features
- Node & Browser Support
- Simple and intuitive api
- Scroll hooks
- Both vertical and horizontal scrolling
Getting started
Check out the Quick Start documentation to get started.
Usage
let newAnimation = new Motus.Animation({
$el: document.getElementById('element'),
keyframes: [
{width: 100},
{width: 300}
]
});
Motus.addAnimation(newAnimation);
<!--- [start code] --> <!--- [end code] -->
Contributing
- Fork it
- Create your feature branch
- Do something awesome
- Commit what you have done
git commit -am 'Some changes' - Push to the branch
git push origin my-new-feature - Submit a pull request
For further information about the project please see the development section from the documentation.
Credits
Motus is created and maintained by Alexandru Cambose (alexcambose)
I'm open to suggestions. Feel free to message me or open an issue. Pull requests are also welcome!
Contributors
Code Contributors
This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
Financial Contributors
Become a financial contributor and help us sustain our community. [Contribute]
Individuals
Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]
License
Motus is made available under the [MIT License](LICENSE).
*Note that all licence references and agreements mentioned in the motus README section above
are relevant to that project's source code only.