The elegant and reliable UI kit for web artisans.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

631 B


A comprehensive animation extension for JupiterUI.


Simply <link> the vivus.css file in your project.

Animation name structure

Structure: v-[animationType]-[toDirection]-[expressionSize]

expressionSize is not always used. The fade-[] animations, for instance, have no expression value. Instead, they use the global CSS variable --v-translate-distance.


v-scale-in-left-lg v-fade-out-down


  • scale-in
  • scale-out
  • fade-in
  • fade-out


You can use the .vivus-[xs, sm, md, ...] classes to change the animation size in a particular element.