Animations with VueJS

@SamuelSnopko

www.samuelsnopko.com

A guide into the transitions & animations with VueJS/NuxtJS

VueJS Meetup Dresden

17.06.2019

It's a trap

👨🏼‍💻 FrontEnd Knight & DesignOps

Star Wars Fun

😱 Freelancer

 

🥑 Storyblok / VueJS / NuxtJS

🎤 Speaker

 

🍻 Meetups Organiser

 

@SamuelSnopko

Little tasting

@SamuelSnopko

Basics & Theory

  • CSS 3 Transition & Animation

@SamuelSnopko

Basic Samples

  • Simple Dialog Box

@SamuelSnopko

Transition Experiments

  • Default Page Transitions
  • Back to Intro Transition
  • Preloader Transition

@SamuelSnopko

Schrift Bewegt

  • After Effects
  • Bodymovin
  • Math

@SamuelSnopko

Code samples

  • Lottie Component
  • Hero Animation
  • Vue Affix
  • Vue Check View
  • Pizza Animation

@SamuelSnopko

the LINK

Article?

Working on... 

ehm .... follow me on twitter 😁

@SamuelSnopko

Bonus Links

@SamuelSnopko

... and let's animate the web

Thanks

@samuelsnopko

samuel@snopko.com

https://slides.com/samuelsnopko/animations-vuejs-dresden

Animate your components in VueJS & NuxtJS [Dresden]

By Samuel Snopko

Animate your components in VueJS & NuxtJS [Dresden]

How to animate VueJS & NuxtJS for VueJS Meetup Dresden .

  • 1,005