Log inSign up
Image
user avatar
Matt Perry
@mattgperry
Creator of @motiondotdev
Amsterdam
motion.dev
Joined November 2016
128
Following
24.2K
Followers
  • Pinned
    user avatar
    Matt Perry
    @mattgperry
    Sep 24, 2025
    Since I started tweeting about Motion six years ago, my personal account accidentally became the official account. You might have noticed I've been bringing @motiondotdev back to life. Follow for the latest news, release announcements and inspiration 🚀
    Image
    00:00
    24K
  • user avatar
    Matt Perry
    @mattgperry
    Nov 12, 2024
    🎉 After six incredible years at Framer, it’s time for my next step. Today, we’re spinning Framer Motion out into its own independent open-source project, to better serve the whole community. Introducing Motion. For React, and now, for everyone.
    Image
    00:00
    397K
  • user avatar
    Matt Perry
    @mattgperry
    Sep 21, 2021
    🚀 Introducing Motion One. The smallest fully-featured animation library for the web. Built on the Web Animations API, it offers hardware accelerated animations, timelines and more, all for less than a fifth of the size of Greensock. Check it out: motion.dev
    Image
    00:00
  • user avatar
    Matt Perry
    @mattgperry
    May 10, 2022
    🚀 Introducing Motion DevTools, a Chrome extension for creating web animations. Inspect, edit and export animations made with CSS and Motion One, directly in your browser. Animating the web hasn't been this fast or fun since the Flash days! motion.dev/tools
    Image
    00:00
  • user avatar
    Matt Perry
    @mattgperry
    Mar 21, 2022
    Announcing Motion Developer Tools 🛠 I’m making the browser extension I’ve always wanted to use! Record, edit and play animations built with CSS or Motion One. Now in available in early access, exclusively for Motion One sponsors. motion.dev/tools
    Image
    00:00
  • user avatar
    Matt Perry
    @mattgperry
    Dec 13, 2021
    Framer Motion 3D 🔵🔴 has arrived! It's easier than ever to add beautiful and interactive animations to 3D scenes, with this new animation library for React Three Fiber. Get started: framer.com/docs/three-int… Sandbox: codesandbox.io/s/framer-motio…
    Image
    00:00
  • user avatar
    Matt Perry
    @mattgperry
    Jan 28, 2025
    🚀 Introducing <AnimateNumber /> A Motion+ React component for making beautiful number animations. Based on @mbarvian's NumberFlow, this version is built entirely on Motion, so existing users can use it for just +2.5kb. motion.dev/docs/react-ani…
    Image
    00:00
    70K
  • user avatar
    Matt Perry
    @mattgperry
    Jul 12, 2022
    🚀 Introducing Scroll, Motion One's new scroll-linked animations API! This mighty 2.5kb function can link Motion One's animate() and timeline() animations to page scroll. Or use a callback to animate canvas, 3D, or anything you can imagine. Get started: motion.dev/dom/scroll
    Image
    00:00
  • user avatar
    Matt Perry
    @mattgperry
    May 9, 2025
    🕵️‍♂️ Sneak peek at magnetic cursors coming to Motion Cursor next week!
    Image
    00:00
    40K
  • user avatar
    Matt Perry
    @mattgperry
    Jul 15, 2020
    🚀 Framer Motion 2 is here! With the new layout animation API, anyone can automatically animate between layouts and even completely different components. Dive into the docs to see what's new: framer.com/api/motion/ani…
    Image
    00:00
  • user avatar
    Matt Perry
    @mattgperry
    Nov 5, 2025
    Hello, here's a brain dump of everything I know about animation performance. By replacing a single global CSS variable with JS animations, I took style recalculations on a popular portfolio website down from a whopping 8ms to nanoseconds. That and much more in this post.
    user avatar
    Motion
    @motiondotdev
    Nov 5, 2025
    Animating layout isn't always bad. Global CSS variables are a performance killer. Hardware accelerated blurs can crash sites. Surprised? We go into all this and more, in the first Web Animation Performance Tier List: motion.dev/blog/web-anima…
    148K
  • user avatar
    Matt Perry
    @mattgperry
    Mar 19, 2025
    🚀 Introducing Motion for @vuejs — A feature-complete port of Motion for React (prev Framer Motion). Springs, scroll, AnimatePresence, gestures, and yes, layout animations. All that and more, powered by Motion's unique hybrid engine, wrapped up with its simple API.
    Image
    00:00
    115K
  • user avatar
    Matt Perry
    @mattgperry
    Mar 14, 2024
    How to speedrun a repo ban
    Image
    135K
  • user avatar
    Matt Perry
    @mattgperry
    Apr 17, 2025
    Warp overlay inspired by @trpfsu, recreated in Motion for React
    Image
    00:00
    78K