Working with code in Framer
Extend your prototypes with code using Code Components and Overrides.
Write flexible React Components right in Framer’s built-in code editor.
Add extra functionality to your Smart Components through code.
A way to share data between components within Framer.
How to have your components size automatically on the Framer canvas.
How to share code between projects and within the ES modules ecosystem.
Importing External Code
How to use code from other sources such as NPM or es-module CDNs.
Migrating from Legacy Code
Coming from legacy code in Framer there are few changes to aware of in order to take full advantage of the new features.
Use your Framer components in your React code.