Framer Playground

Framer Playground is a brand-new creative coding environment where designers can illustrate visual ideas through code in Framer X. Everything is designed to help you learn as you go, including the built-in code editor that will teach you React, plus, the animation library, and the thorough documentation.

This vignette tells the story of our new features, highlighting the ease of creating components, how each one is connected to the editor, and how code pulls it all together to make everything work.