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
- NPM Package - vue2-transitions
- 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