Welcome to the North County, San Diego

Webflow Meetup

Adding micro-interactions and animations to your website

Wifi access code: d66a4057

Hi, I'm Nelson

  • Designer Evangelist for Webflow
  • AFOL
  • I used to be in a Show Choir in high school

What is Webflow?

By the way,

No Code Conference 2019

November 12 & 13, 2019

San Francisco, CA

nocodeconf.com

What is Lottie?

LottieFiles.com to Webflow

  1. Find a free animation you like
  2. Download the JSON file
  3. Upload the JSON file to your Webflow project
  4. Drag it into the canvas
  5. Connect an interaction to it

Webflow Interactions

  • Click
  • Hover
  • Preload
  • Scroll position
  • Mouse position

More Webflow resources

  • university.webflow.com
  • youtube.com/webflow
  • forum.webflow.com

Adding micro-interactions and animations to your website

By Nelson Abalos Jr

Adding micro-interactions and animations to your website

  • 265