motus

by alexcambose

alexcambose /motus

Animation library that mimics CSS keyframes when scrolling.

451 Stars 27 Forks Last release: Not found MIT License 162 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Motus Logo

Build Coveralls github npm bundle size Gitter GitHub issues version license maintenance

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.

Live demo

Parallax demo

Usage

let newAnimation = new Motus.Animation({
  $el: document.getElementById('element'),
  keyframes: [
    {width: 100},
    {width: 300}
  ]
});
Motus.addAnimation(newAnimation);

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].

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.