Using Framer X For React

I've been testing several React animation libraries and Framer Motion made the highest impression on me. In this post we'll explore how to use Framer Motion to animate Next.js page transitions.

A designers guide to React.

Today we're going to play with Framer Motion to get a feel for how easy it is to get started with. Follow along!

Framer X is an advanced interactive design tool, powered by React. In Framer X, you can use actual React components in your design, bringing Code and Design together in a completely new way. We’ll talk about the challenges we encountered while creating Framer X. From how to make a performant graphics editor to building a dynamic component loader.

Learn about Framer X

Live stream of checking out Framer X

Create powerful design and code components for your app and design system using Framer X. Learn how to design and animate an app from scratch and use React to create production-ready components.

Learn the ins and outs of the new Framer API!

Get productive in Framer X. Learn React fundamentals. No coding experience required!

In this episode of React Round Up, Thomas Aylott, Founder at Things That Do Stuff, gives an overview of Framer X, explains what it is used for and how it can be beneficial for web designers.