@SamuelSnopko

www.samuelsnopko.com

Page transitions guide to NuxtJS with Lottie and JamStack

Webclerks Conf Wam-up Event 2019, Vienna

24.11.2019

https://slides.com/samuelsnopko/webclerks-tbd

T

b

d

It's a trap

👨🏼‍💻 FrontEnd Knight & DesignOps

Star Wars Fan

👽 Freelancer

🥑 Storyblok / VueJS / NuxtJS

🎤 Speaker

🍻 Meetups Organiser

@SamuelSnopko

Little tasting

Shy Collective

Wondrous Culture Page

@SamuelSnopko

Basics & Theory

• CSS 3 Transition & Animation

• Amazing VueJS Documentation

• NuxtJS Page Transitions

• NuxtJS Layout Transitions

@SamuelSnopko

Transition Experiments

• Default Page Transitions

• Back to Intro Transition

• Preloader Transition

Edit on CodeSandbox

@SamuelSnopko

Boring? Let's try this ...

• Float the screen

• Bikers race

Edit on CodeSandbox

@SamuelSnopko

• JamStack version

the LINK

https://airbnb.design/lottie

Bonus Links

• Haiku

• Lottie Files

• Ramjet

• Transition TravelApp

@SamuelSnopko