Vivant Playground

Vivant is an animation library for Vue, powered by @vueuse/motion, and supporting Layout animations like Framer Motion.

Check out these examples:

  • Element Animations
  • Element Variants
  • Layout Animations
  • Layout Animations
    (with scale correction)
  • Morphing
  • Morphing
    (with scale correction)
  • Morphing
    (with nested animations)
  • Custom Animations
  • Sandbox