All activity
Design and publish websites faster than ever before. Meet the new Framer, featuring breakpoints, effects, CMS, styles, and so much more.
Framer Sites
Design and publish websites faster than ever before
Motion DevTools is a Chrome extension that speeds up your animation design and development. Use a classic timeline interface to inspect, edit and export animations made with CSS or Motion One.
Motion DevTools
A DevTools extension for creating web animations
Matt Perry
left a comment
Hi Product Hunt, I'm Matt, creator of Framer Motion, Motion One and now: Motion DevTools!
With Motion DevTools, I'm making the Chrome extension I've always wanted to use.
Typically, developing animations with CSS or JavaScript animation libraries like Motion One is a cycle of bouncing between your code editor and browser, refreshing > editing > refreshing and so on.
With Motion...
Motion DevTools
A DevTools extension for creating web animations
Motion One is a new animation library by the creator of Framer Motion and Popmotion. It's built on the Web Animations API for the smallest bundlesize and hardware accelerated animations.
Motion One
The web animations API for everyone
Matt Perry
left a comment
Hi Product Hunt đź‘‹
Excited to finally launch my new side-project! Motion One is a brand new animation library for the web.
It comes with all the features you'd expect from a modern animation library: Timeline sequencing, playback controls, individual transforms etc, with even more on the way.
But Motion One is different. It's built on native browser APIs, so it can offer all these features...
Motion One
The web animations API for everyone
Introducing Smart Components in Framer, a new standard for interactive component design. From complete navigations and buttons with multiple states to nested hover effects, build anything visually and in just a few clicks—no code required. Learn more here.
Smart Components by Framer
Design interactive components with multiple variants
Matt Perry
left a comment
Hey everyone, I’m excited to share that we have officially launched Framer Motion 2. Now anyone using our animation library can easily animate between layouts and completely separate components.
The freshly updated landing page breaks down the new layout animation tools, features real, interactive examples, and lays out the code behind them.
Check out the new page —...
Framer Motion 2
Framer’s React animation library just got an upgrade
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.
Framer Motion 2
Framer’s React animation library just got an upgrade
Matt Perry
left a comment
Hey everyone! Really excited to launch the next iteration of declarative animation and gesture libraries. This is the true successor to Popmotion Pose, it retains all the simplicity but introduces far greater flexibility with stuff like the flexible animate prop. Take a look!
Read the announcement — https://bit.ly/2LimAnt
View the landing page — https://bit.ly/2XI64iC
Framer Motion
A truly simple production-ready React animation library
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!
Framer Motion
A truly simple production-ready React animation library
Framer Playground is a brand new creative coding environment, available now in Framer X. It’s made up of three parts: a built-in code editor that helps you learn React as you go, an extensive animation library, and comprehensive docs.
Framer Playground
A new creative coding environment in Framer X