Motion UI – A Sass library for creating flexible CSS transitions and animations

      

Motion UI is a Sass library for creating CSS transitions and animations from your friends at ZURB. It’s been originally integrated into Foundation for Apps, the code is now a standalone library, soon to be used by Foundation for Sites and Foundation for Apps.

The package includes a CSS file with a bunch of premade transitions and animations, along with the source Sass files, which allow you to build your own.

Motion UI includes a bundle of pre-made effects as CSS classes. This includes transition effects to slide, fade, hinge, scale, and spin, as well as a few built-in animations. You can preview the effects above, or head to the Motion UI documentation to see the full list.

motion-ui

Demo    Documentation