Motion One Reviews and Details

Social recommendations and mentions

• Premium micro-interactions in React 19 (without the jank)

  I build motion-heavy interfaces for a living, mostly in Next.js 16 and React 19, and I've landed on a small set of patterns that stay smooth because they bypass React's render loop entirely. They lean on Motion — the library formerly known as Framer Motion. It went independent and got renamed in 2025, so the package is now motion and the import you want is motion/react, not framer-motion (the APIs are identical,... - Source: dev.to / 2 months ago

• Show HN: CSS Studio. Design by hand, code by agent

  I suspect its the color scheme? I wanted something to contrast with but pair with https://motion.dev but I know AIs pump out a lot of purple. I'm mostly a developer though so my design skills are a little rusty still! - Source: Hacker News / 4 months ago

• Creators of Tailwind laid off 75% of their engineering team

  How does their stewardship of a CSS library exempt them from being a valid company? The fact that the market is competitive alone isn't justification. I agree that it's not obvious to me how or why Tailwind should turn a profit as a business, but there are examples of other similar companies turning profits, no? I think of Motion (formerly framer motion) for example, which is primarily an animation library:... - Source: Hacker News / 7 months ago

• Springs and Bounces in Native CSS

  Once u mess with it enough u will realize that u need physics math that relies on a function that uses the previous state to interpolate between different states. u can use great libraries such as https://motion.dev/ for this. - Source: Hacker News / 9 months ago

• Webflow makes GSAP 100% free – plus more updates

  Figma and Framer both seem to be backing https://motion.dev/ which is open-source. - Source: Hacker News / about 1 year ago

• Webflow makes GSAP 100% free – plus more updates

  I hope this is a reaction to Framer's rapid development in Frame Motion (https://motion.dev/). Webflow and Framer are competing as site builders, so giving the animation library to everyone is like Meta giving out React. - Source: Hacker News / about 1 year ago

• Shadcn Components Animated with Motion (and More!)

  Animate UI is an open-source distribution that animates Shadcn/ui with Motion—while retaining all the power and accessibility of Radix primitives. - Source: dev.to / over 1 year ago

• A Curated List of shadcn/ui-like React Component Collections

  Magic UI is a component collection known for its beautiful animations. For its animations, it uses motion (formerly Framer Motion). - Source: dev.to / over 1 year ago

• Using Framer Motion + ReactJS to Create Smooth Animations for Song Lyrics and Chords Websites

  Hey there, fellow developers! 👋🏼 If you're a music enthusiast like me and love building web apps, you might have thought about creating a site for song lyrics and guitar chords. These kinds of sites can really shine with some smooth animations to enhance the user experience. Today, I’ll show you how to use Framer Motion with ReactJS to animate the appearance of song chords on a webpage. Let’s make those chords pop... - Source: dev.to / over 1 year ago

• Part 1: Animate layout changes

  This component is easy to implement with the Motion package. Here’s how we could do it:. - Source: dev.to / over 1 year ago

• Part 2: Property animations

  Our goal is to create an API similar to the one in the motion package. We want to set initial values for the properties, define animation targets, and control duration and the easing function. For now, we won't handle exit animations—that will come in Part 3. - Source: dev.to / over 1 year ago

• Writing Effect inspired by Apple

  Create a "Xin chào" and "Hello" writing effect inspired by Apple using Motion for React. - Source: dev.to / over 1 year ago

• 🚀 The Ultimate List of 27 Frontend Libraries for Creative Developers

  🛠️ What it does: Provides a powerful animation system with an intuitive API ✨ Why it's awesome: Combines performance with ease of use, making complex animations achievable 🎯 Use it for: Creating smooth, professional animations with minimal effort 🔗 Link: Motion.dev. - Source: dev.to / over 1 year ago

• Some platforms to post your animations on the web

  You can use web technologies directly themselves to create very rich animations for the web. Sometimes only CSS alone is all you need. Many examples online. Sometimes a library like Motion or GASP can help speed web animations. - Source: dev.to / over 1 year ago

• React + AI Stack for 2025

  For animations in React, Motion is your best bet. It's got declarative animations that are easy to understand, gesture support that just works, advanced features like shared layout animations, and it's perfect for everything from simple transitions to complex motion designs. - Source: dev.to / over 1 year ago

• 14 Must-Have React Libraries Every Beginner Developer Should Know in 2025: 🚀

  Powerful animations made simple: Framer Motion is a powerful animation library that makes it simple to add smooth, interactive animations to your React components. 🎥✨ With its intuitive API, you can create stunning motion effects effortlessly, bringing your UI to life! 🚀 🔗motion.dev/. - Source: dev.to / over 1 year ago

• Big News for Animations: Framer Motion Evolves into Motion !

  A New Home Motion.dev now lives at its brand-new website: motion.dev. It’s got a fresh design and—finally—a much-requested search feature for better documentation navigation! - Source: dev.to / over 1 year ago

• Web Animation with GSAP: A Superior Alternative to CSS and JavaScript

  The code quality of GSAP is pretty terrible too. The codebase is prehistoric in terms of best practices, it doesn’t tree-shake well, their package exports are mis-configured, their type definitions are bad or missing, their api’s are wildly bloated making it easy to get lost or write inefficient code, licenses are convoluted, and the performance isn’t great compared to just using CSS, SMIL, or the Web Animation... - Source: Hacker News / over 2 years ago

• Anime.js – A lightweight JavaScript animation library

  Web Animations API isn't blocking IIRC. https://motion.dev/ uses it. - Source: Hacker News / about 3 years ago

• Anime.js – A lightweight JavaScript animation library

  Motion One is the non-react version of Framer Motion. https://motion.dev/. - Source: Hacker News / about 3 years ago

• Themes built well for dev tinkering/extending

  For instance, all our newer themes ship with Motion, an incredible, lightweight animation library based on WAAPI (https://motion.dev/). Source: about 3 years ago