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.
-
animate.css
๐ฟ A cross-browser library of CSS animations. As easy to use as an easy thing. -
GreenSock-JS
GreenSock's GSAP JavaScript animation library (including Draggable). -
barbajs
Create badass, fluid and smooth transition between your website's pages. -
jquery.transit
Super-smooth CSS3 transformations and transitions for jQuery -
tsParticles
tsParticles - Easily create highly customizable particles, confetti 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. -
shuffle-images
The Simplest Way to shuffle through images in a Creative Way -
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 -
TransitionEnd
:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event. -
js-loading-overlay
Display loading overlay/spinner for your application easily and beautifully. -
Scroll Btween
ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element. -
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/
Appwrite - The Open Source Firebase alternative introduces iOS support
* 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?
Popular Comparisons
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.