A faster code editor with useful starting files, types, in-browser transpiling, and concise errors.Learn about the editor
Create anything with code then share with anyone just by sending a link.Learn about sharing
Use your favorite NPM packages in any Code Component with a single import.Learn about importing
Import Smart Components designed on the Framer canvas into your Code Components.Learn about importing
DOM Auto Sizing
Get access to DOM auto sizing in the code editor for easy layout formatting in your components.Learn about Auto Sizing
Animations you create in Framer can be used 1:1 in production with Framer Motion.Learn about Framer Motion
Run Framer components in production with simple import statements.
We’ve launched a new groundbreaking experimental feature that lets you import your Framer components directly into your React code.Learn more
Utilize machine learning libraries to create unique camera-based interfaces.
Real data from Firebase
Embed a real-time chat in your interactive designs.
Render interactive 3D elements in Framer using
Hook up to Arduino
Connect to close the gap between hardware and software.
With the ability to code in Framer we’ve been able to create custom UX writing linters, text components with markdown, and resource components for all our brand icons—this would never be possible in other tools.