Framer Motion

In plain words

Framer Motion is an open-source React animation library designed for developers building production applications. It enables simple animations and gesture handling with an intuitive API, succeeding the earlier Pose library. The library is built to streamline the handoff between designers and developers, reducing friction in the development process. It serves React developers who need accessible animation tools without complex configuration.

written from the facts on this page · September 2026

From the sources

Super excited to announce Framer Motion! It's the successor to Pose and is the same simple animation and gesture library that's been powering the Framer Library API. Now production-ready and open source. Bonus: It makes developer handover near-frictionless!

Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.

Create high-performance web animations with Motion's easy-to-use API, from simple transforms to advanced interactive gestures. Animate x , y , rotate , scale on the same element, without wrappers. Hardware-accelerated scroll-linked motion via ScrollTimeline . Real spring math for animations that naturally react to user input. AnimatePresence keeps elements alive so they can animate as they leave the DOM. variants , stagger , and timelines orchestrate complex motion. useMotionValue drives animations and derived state in real time. Start with 450+ copy and paste examples, from scroll effects and gestures to carousels and typewriter animations. Choose your runtime and start with the API built…from motion.dev

• 
  Motion One – New animation library, built on the Web Animations API2021 · motion.dev · ▲327

  Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.

• 
  Framer Motion 22020 · motion.dev · ▲248

  Framer’s React animation library just got an upgrade

• 
  Framer Playground2019 · framer.com · ▲357

  A new creative coding environment in Framer X

• 
  The Mighty Framer Motion Guide2023 · ▲92

  The ins and outs of Framer Motion with 200+ example projects

• 
  I reverse engineered top websites to build an animated UI library2025 · reverseui.com · ▲156

  Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback

• 
  Design and Code in Framer X2018 · designcode.io · ▲312

  Learn to prototype and build components using React

• 
  /dev/null▲489

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Tandem▲919

  A virtual office for remote & distributed teams

  Dev tools · 2019 · tandem.chat

• 
  Memberstack▲850

  The no-code membership platform for any website

  Dev tools · 2019 · memberstack.com

• 
  SaaS Pages▲747

  900+ Screenshots of the best SaaS landing pages

  Growth · 2019 · saaspages.xyz

• 
  Stonly▲742

  Create interactive step-by-step guides

  Growth · 2019 · stonly.com

• 
  Poolside FM 2.0▲676

  Super-summer music website inspired by a '90s OS

  Life & fun · 2019 · v2.poolside.fm

• 
  Really Good Emails 2.0▲674

  Really good curated email design and code inspiration

  Dev tools · 2019 · reallygoodemails.com