Framer Motion 2
Framer’s React animation library just got an upgrade
Framer Motion 2 launched on July 16, 2020 with 248 votes, #75 of 4,305 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 6 years on.
What it does
The latest updates to Motion build on top of the libraries powerful existing functionality. The new layout animation API means anyone using Motion can now automatically animate between layouts and even between entirely different components.
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
Does a similar job
all alternatives →
Motion One – New animation library, built on the Web Animations API2021 · motion.dev · ▲327Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.
I reverse engineered top websites to build an animated UI library2025 · reverseui.com · ▲156Looking 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
The Mighty Framer Motion Guide2023 · ▲92The ins and outs of Framer Motion with 200+ example projects
Design and Code in Framer X2018 · designcode.io · ▲312Learn to prototype and build components using React
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲341Hi 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 · 20d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 28d ago · corespeed.io
Source: Product Hunt launch ↗
Launched alongside, July 2020
the whole month →
Using only a Raspberry Pi and an $11 video capture dongle, you can create your own KVM over IP device, allowing you to send keyboard input to a remote computer and capture its display.
Life & fun · 2020 · mtlynch.io
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
Life & fun · 2020 · 3d-book-css.netlify.app
- PA
Life & fun · 2020 · primo.af
