J.D. Hillen

Camp Counselor

Animating Vue.js with GSAP

Event Logo

Wednesday, July 27, 2022 - 6:00 PM UTC, for 1 hour.

Regular, 60 minute presentation

Room: African 60

App Development

I have spent 15+ years working in Marketing, Advertising and Experiential Design. Animations are a fun and interactive way to get users to have an experience as opposed to just using a piece of software. Animations give depth. A coat of polish if you will, to a relatively mediocre experience. I want users to engage with my software. To feel like someone really took the time and care into building this. This session will cover the basics of animating with GSAP. And though I use Vue.js as template for my presentation, all the concepts shown can be easily translated into any Javascript project like React or Svelte. It will also cover the differences between animating with CSS and GSAP, when to use what and why animating with Javascript allows for more control. I want to inspire your campers to not just think about ways to enhance their projects, but how to take them to the next level. At the end of the day, animation is fun. I want to show people that with this simple library, they too can enhance a project further just by playing with and exploring what GSAP is capable of doing.


Basic Javascript knowledge

Take Aways

  • How to add animations to your app / website
  • How animation can enhance your user's experience

Supporting Resources

favorited by:
Simone LaMarche Joe Steinbring Alex Riviere Phil Busch Grant Pierce Daniel Braun