🔥The 9th Round of Easy Loan, Earn $40 Reward is in progress❗️ ⏰ Promotion Period: January 15th - Feburary 15th, 2025 👉 Register now and check more details at gate.io/campaigns/358

Rockstar didn't use Motion for their GTA VI website and I'm not bitter about it. No sir! But, if you're interested in how the performance of the site could be improved with Motion's render batching and hybrid engine, then this is the blog for you: motion.dev/blog/superchar…

Today we launched the Hypermode ModelRouter. Just import hypermode into your file and get response access to a bunch of models. Yesterday afternoon I put together a little launch video with good ol' html/css and of course Motion. Check it out ->

🕵️‍♂️ Sneak peek at magnetic cursors coming to Motion Cursor next week!

🧲 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: motion.dev/blog/introduci…

We needed a simple animation for Figma Make before code starts streaming in, so I made this one entirely with code

Massive Effects update has landed in Motion: 🧪 attrEffect, propEffect and svgEffect now in alpha 🎢 Draw animations easier than ever 📐 Support for originX/Y/Z in styleEffect 🧵...

Created this GTA VI animation with Tailwind CSS and Motion > SVG masking > Scroll animations with motion ui.aceternity.com/playground/qpZ…

📏 Introducing resize() in Motion 12.16! This tiny utility has a simple API for tracking changes to viewport and element size. Element tracking uses a single shared ResizeObserver for optimal performance. 🔗 motion.dev/docs/resize

🚀 Introducing Motion+ Ticker for React Lightweight, accessible, multi-axis, performant, flexible, responsive. This is the ultimate ticker component. Let's dive in 🤿

Always in Motion. Stay up to date with the latest releases, Motion+ updates, releases and blog posts, all in one feed. motion.dev/updates

Motion usage continues to explode on npm. Downloads have more than doubled in a year. BUT - site visitors are gradually trending downwards 🤔 Perhaps there's a summer lull but IMO these two trends are intuitively incompatible without a broader shift at play (you can guess)

Level up your animations in Visual Studio Code with the new Motion for VS Code extension! 📚 Add Motion docs to Copilot 🤖 Generate CSS springs 🤫 More non-AI dev tools coming soon 🔗 marketplace.visualstudio.com/items?itemName…

Motion for VS Code now supports bezier curve editing for CSS, WAAPI and Motion! This is a Motion+ exclusive feature. Over the next few months I'd love to add some more tools like this. Anything you'd like to see?

Love the footer animation, with Motion.

Just dropped a new podcast episode with Matt Perry , creator of Motion (previously Framer Motion). If you care about web animations or frontend dev in general, you should give this one a listen. YT: bit.ly/4lw2bcm Spotify: bit.ly/3UaDZQs

Many thanks to Build UI for supporting Motion from the very start 🙏 Now that BuildUI is winding down we're looking for new sponsors! Support Motion, get your brand in front of over 100k developers a month, and receive Motion+ for your whole team: motion.dev/sponsor

Crazy how last year I was giving talks about animation performance… And now I’m chatting with the guy who built one of the most powerful animation tools on the web 😮‍💨🔥 Motion Big love to Matt Perry , this one’s for the animation nerds. 🎥 bit.ly/4lw2bcm

🚀 New Motion+ example: Scroll Highlight Use Motion's inView function to highlight items as they hit a certain point in the viewport. Built on IntersectionObserver, it's more performant than scroll tracking.

🚀 Just published a new example: Cursor Trail No need to wire your own pointer events: usePointerPosition() in Motion+ returns x/y motion values powered by a single site-wide event handler, throttled to the frameloop. examples.motion.dev/react/cursor-t…