Syntax - Tasty Web Development Treats 854: Animating the Web With Matt Perry: Exploring motion.dev
38 snips
Nov 29, 2024 
Matt Perry, creator of the open-source web animation library Motion, dives into the evolution of web animations, emphasizing the shift toward user-friendly tools. He discusses the transition from Framer Motion to open source and the challenges of the Web Animation API. Performance testing on slower devices and optimizations for animations are explored, along with comparisons between layout animations and the Vue Transition API. Matt also shares insights on graphics programming and his personal passion for Grime music.
AI Snips
Chapters
Transcript
Episode notes
Framer Motion Origin
- Matt Perry started writing animation libraries 10 years ago, beginning with Redshift (later renamed Pop Motion).
- Pop Motion Pose was created to address integration challenges with React, which Wes and Scott discussed on Syntax in 2018.
Framer and Coding
- Framer, initially a design prototyping tool, emphasized coding sooner, unlike other design tools.
- Framer Motion's simple API catered to designers unfamiliar with coding, making animation accessible.
Motion's New Direction
- Framer Motion, now independent and called Motion, is becoming community-based and open-source.
- It aims to bring Framer Motion's APIs to all JavaScript users, beyond React.