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.
Tristan B. 13013f3b04
Version 4.2.0
5 months ago
src Version 4.2.0 5 months ago Version 4.0.0 5 months ago
package.json Version 4.2.0 5 months ago
vivus.css Version 4.2.0 5 months ago


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.