Matt Perry's banner
Matt Perry's profile picture

Matt Perry

@mattgperry24,165 subscribers

Creator of @motiondotdev

Shorts

Playing with the BezierCurveEditor component for Motion Studio. I've added touch-friendly hit boxes for the control points. In the video these are red but they're usually transparent. You can see they push each other apart to maintain grabbability, even when points are close.

Playing with the BezierCurveEditor component for Motion Studio. I've added touch-friendly hit boxes for the control points. In the video these are red but they're usually transparent. You can see they push each other apart to maintain grabbability, even when points are close.

41,860 views

Warp overlay inspired by Ed, recreated in Motion for React

Warp overlay inspired by Ed, recreated in Motion for React

77,541 views

🧲 Introducing cursor zones and magnetic cursors, now in Motion+ Cursor. It's easier than ever to adapt your cursor to your content - and your content to your cursor! All powered with Motion's spring and layout animations. Read the announcement:

🧲 Introducing cursor zones and magnetic cursors, now in Motion+ Cursor. It's easier than ever to adapt your cursor to your content - and your content to your cursor! All powered with Motion's spring and layout animations. Read the announcement:

36,469 views

🚀 Take Radix by WorkOS to the next level with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?

🚀 Take Radix by WorkOS to the next level with the official Motion x Radix integration guide! Featuring recommended patterns for exit and layout animations, and a slew of fresh Motion+ examples. Which component library would you like to see next?

30,937 views

Motion 11.12 springs to life with bouncy new superpowers! 📈 Spring visualiser in docs 👀 Perceptual duration option 🥵 CSS pre-generation now in Motion+ early access 🧵 for more:

Motion 11.12 springs to life with bouncy new superpowers! 📈 Spring visualiser in docs 👀 Perceptual duration option 🥵 CSS pre-generation now in Motion+ early access 🧵 for more:

33,031 views

⌚️Recreation of the Apple Watch home screen. All the scales are calculated declaratively, with each item using chains of useTransforms derived from their x/y position and current pan position.

⌚️Recreation of the Apple Watch home screen. All the scales are calculated declaratively, with each item using chains of useTransforms derived from their x/y position and current pan position.

15,498 views

Videos

No more content to load