All activity
Design and publish websites faster than ever before. Meet the new Framer, featuring breakpoints, effects, CMS, styles, and so much more.
Framer SitesDesign 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 DevToolsA DevTools extension for creating web animations
Matt Perryleft 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 DevTools, you...
Motion DevToolsA 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 OneThe web animations API for everyone
Matt Perryleft 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 for a...
Motion OneThe 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 FramerDesign interactive components with multiple variants
Matt Perryleft 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 — https://bit.ly/32muvIu See...
Framer Motion 2Framer’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 2Framer’s React animation library just got an upgrade
Matt Perryleft 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 MotionA 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 MotionA 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 PlaygroundA new creative coding environment in Framer X