meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

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

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.91.2K Ratings

🗓️ 29 November 2024

⏱️ 50 minutes

🧾️ Download transcript

Summary

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

Transcript

Click on a timestamp to play from that location

0:00.0

Welcome to Syntax. On this supper club, we're talking to Matt Perry. Matt's one of the brightest minds in modern web animation today.

0:09.0

After making Framer Motion and Motion 1, Matt has created some of the most, I'd say, most painless animation tools to exist in modern UI development. I've used a ton of these things, and let me tell you,

0:22.9

man, motion has always had some of the coolest quality of life features of any animation

0:28.8

library. So welcome to the show, Matt. Oh, my pleasure. Thanks for having me on, Scott and Wes.

0:34.4

It's a pleasure to be here. Yeah, absolutely. I've been using your tools for a long time.

0:40.0

I've done full tutorial courses on them,

0:42.6

and I feel like I've done a lot of animation stuff.

0:46.3

And I just want to say,

0:47.8

thank you for thinking about the API

0:50.8

and just the slimness of it all.

0:54.0

Because you remember before Framer Motion came along, what was it, React Motion?

0:59.0

Was that the big one?

1:00.3

Yeah, yeah.

1:01.0

The Big React Animation API.

1:04.5

Yeah, and they all just felt difficult.

1:07.8

I don't know how, I don't know if it felt the same to you, but I'd look at these animation libraries and say, why couldn't it be simple until, of course, I tried frame or motion?

1:15.3

So do you want to give us some background on the frame or motion story when you started it,

1:19.7

how you came about into this stuff in the first place?

1:22.5

Yeah, sure. I mean, at this point, it's about 10 years since I started writing animation libraries.

1:29.3

I guess it's at this point an addiction slash habit.

1:32.3

Yeah.

1:33.3

I started with one called, well, I called it Redshift to begin with, which is looking back quite

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2026.