Install | Demo | Documentation | Releases
--- [](https://travis-ci.org/zurb/motion-ui) [](https://cdnjs.com/libraries/motion-ui/) [](https://david-dm.org/zurb/motion-ui) [](https://david-dm.org/zurb/motion-ui?type=dev) 💎 The powerful Sass library for creating CSS transitions and animations. Originally integrated into [Foundation for Apps](http://foundation.zurb.com/apps), the code is now a standalone library, used by [Foundation for Sites](http://foundation.zurb.com/sites) and Foundation for Apps. Made by your friends at [ZURB](http://zurb.com). ## Installation Install Motion UI with npm or Bower. ```sh npm install motion-ui --save bower install motion-ui --save ``` Then to build with **Sass** ([Autoprefixer](https://github.com/postcss/autoprefixer) is required): ```scss // Add the load path "[modules_folder]/motion-ui/src" to your Sass configuration @import 'motion-ui'; @include motion-ui-transitions; @include motion-ui-animations; ``` > Autoprefixer is required for the Sass installation as Motion UI uses unprefixed transition and animation properties. We recommend you to install [PostCSS and Autoprefixer](https://github.com/postcss/autoprefixer). Or to use the equivalent pre-compiled **CSS**, import the Motion UI standalone CSS file `dist/motion-ui.css` or `dist/motion-ui.min.css`. To easily transition elements in and out using Motion UI classes, import the Motion UI **JavaScript** library `dist/motion-ui.js` or `dist/motion-ui.min.js`. See the [full installation instructions](https://github.com/zurb/motion-ui/tree/master/docs/installation.md) ## Demos [View live demos on the ZURB Playground.](http://zurb.com/playground/motion-ui) ## Documentation [View the documentation here.](https://github.com/zurb/motion-ui/tree/master/docs) ## Develop Locally ```sh git clone https://github.com/zurb/motion-ui cd motion-ui npm install ``` - Run `npm start` to compile test Sass/JS files, and to build the documentation. To make changes to the documentation, edit the files under `docs/src`. - Run `npm test` to run the unit tests. - Run `npm start dist` to compile distribution files.