CSS Classes

The Sass mixins are the heart of Motion UI, but the library also includes many pre-made CSS classes to get you up and running faster.

Defaults

The pre-made classes all use these transition/animation defaults:

These defaults can be changed by modifying the Motion UI settings;

Transition Classes

Animation Classes

Modifier Classes

Modifiers work with both transitions and animations.