Skip to content

Animations

Animation is a vital part of the dyvix UI components. All component support these smooth animations.

Available Animations

Dyvix provides a wide range of smooth animations. You can trigger these by passing the string name or the exported constant object for types safety.

  • DYVIX_GLOBAL_ANIMATION.FADE: 'fade'
  • DYVIX_GLOBAL_ANIMATION.BUBBLE: 'bubble'
  • DYVIX_GLOBAL_ANIMATION.ZOOM: 'zoom'
  • DYVIX_GLOBAL_ANIMATION.UNFOLD: 'unfold'
  • DYVIX_GLOBAL_ANIMATION.GLITCH: 'glitch'
  • DYVIX_GLOBAL_ANIMATION.PULSE: 'pulse'
  • DYVIX_GLOBAL_ANIMATION.AURORA: 'aurora'
  • DYVIX_GLOBAL_ANIMATION.DROP: 'drop'
  • DYVIX_GLOBAL_ANIMATION.FLIP: 'flip'
  • DYVIX_GLOBAL_ANIMATION.GLIDE: 'glide'
  • DYVIX_GLOBAL_ANIMATION.DRIFT: 'drift'