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.
[gpp_button color=”blue” url=”http://zurb.com/playground/motion-ui” title=”Motion UI” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”https://github.com/zurb/motion-ui/tree/master/docs” title=”Motion UI” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Documentation[/gpp_button]
