Animation with VueJS

@SamuelSnopko

www.samuelsnopko.com

A guide into animations & transitions with VueJS/NuxtJS

VueJS Meetup Munich

Little tasting

Schrift Bewegt Advertorial

Shy Collective

Wondrous Culture Page

Basics & Theory

• CSS 3 Transition & Animation

• Amazing VueJS Documentation

• NuxtJS Page Transitions

• NuxtJS Layout Transitions

Basic Samples

• NPM Package - vue2-transitions

• Collapse transition

• Simple Dialog Box

Transition Experiments

• Default Page Transitions

• Back to Intro Transition

• Preloader Transition

Schrift Bewegt

• After Effects

• Bodymovin

• Lottie

• Math

Code samples

• Lottie Component

• Hero Animation

• Vue Affix

• Vue Check View

• Pizza Animation

the LINK

https://airbnb.design/lottie

Q&A

your turn ... ask now

Article?

Working on...