@studiomotio/micro-motion

Trendy micro motion interactions

Usage no npm install needed!

<script type="module">
  import studiomotioMicroMotion from 'https://cdn.skypack.dev/@studiomotio/micro-motion';
</script>

README

Micro motion – npm (scoped)

This library is a set of common and useful motion mixins & effects that can be used in any front-end project.

Micro motion

Compatibility

This library is fully tested on Google Chrome and Mozilla Firefox for desktop (latest public released version) and is compatible with browsers that natively support CSS 3 properties.

Official support on Chrome 50+, Firefox 50+, Opera 40+, Safari 10+, Internet Explorer 11+ and Edge 15+. Many other browsers may work, but are not extensively tested. You can check at any time the support table about the partial or full support of CSS features. Note that this library will not be ported to older versions of Internet Explorer.

NOTE: the compatibility may change or evolve depending on the CSS modules we are using.

Dependencies

More detailed dependencies is coming soon.

Architecture

We built a flexible core architecture, allowing to manage multiple modules and giving developers the ability to set up the library for easy integration into a project. Just @import the root micro-motion.less file and start to use one of the build-in module!

  • micro-motion.less library build file
  • core/setting.less settings and properties used to build the library
  • core/mixin.less generic functions to automate tasks
  • core/motion.less motion keyframes used for animations and effects
  • core/module.less module build file that contains the list of all less modules
  • module folder that contains all modules

Documentation

More detailed documentation is coming soon.
The version's notation is based on Semantic versioning, https://semver.org.

Contribute

If you want to report a bug or if you just want to request for a new feature/improvement, please read the project contributors guidelines before. Thanks for taking time to contribute to the library.

License

The project is developed under the MIT license:

  • Permissions: This software and derivatives may be used for commercial purposes, you may distribute this software, this software may be modified and you may use and modify the software without distributing it.
  • Conditions: Include a copy of the license and copyright notice with the code.
  • Limitations: Software is provided without warranty and the software author/license owner cannot be held liable for damages.

Read the full license for more information about your rights.

Questions?

If you have any questions, please feel free to contact us!
hello [at] studiomotio.com