854: Animating the Web With Matt Perry: Exploring motion.dev

Syntax - Tasty Web Development Treats

Wes and Scott talk with Matt Perry, the creator of Motion (formerly Framer Motion). Matt discusses building intuitive tools, transitioning Motion to open source, and the future of web animation.

Show Notes

• 00:00 Welcome to Syntax!
• 01:15 The Framer Motion story
  • Motion
• 05:16 What’s the status of Framer Motion today?
• 09:08 What tech is Motion built on?
• 13:40 Is Motion entirely WAAPI?
• 16:06 Why hasn’t the Web Animation API gained more traction?
• 17:46 Does Matt design his demos?
• 19:25 Performance and testing
• 25:34 Brought to you by Sentry.io
• 28:10 Have other animation libraries influenced Motion?
  • Svelte
  • GSAP
  • Anime.js
• 31:49 Micro-Optimizations in JS
• 36:02 How do you test frame rates?
• 38:03 Graphics programming and shaders
  • Maxime Heckel
  • Maxime’s blog
• 39:58 What is the future of Motion?
• 41:42 What’s the difference between layout animations and the Vue Transition API?
• 46:35 Sick Picks & Shameless Plugs

Sick Picks

• Matt:
  • Grime music
  • P Money
  • Ghetts

Shameless Plugs

• Matt:
  • Motion.dev
  • Sponsor Motion

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads