Turn Framer components into React code.

Yes. Reframe is built for React codebases, including Next.js apps. You do not need to rebuild the component by hand, but you should be comfortable importing a component and passing its generated props.

Publish a component with the Framer plugin, copy its export ID, then run the CLI add command from your project root. The CLI writes the export into the managed framer directory, where you can use, update, rename, list, or remove it.

Yes. Add the export to an existing JavaScript or TypeScript project, import the generated component, and compose it inside your own routes and layouts. Your application code stays outside the files managed by Reframe.

Public Framer properties and variables connected to those properties become props in the generated facade. TypeScript projects receive an interface with the exposed controls; values that only exist inside private layers are not automatically available as props.

The CLI inspects the generated imports and checks for the Reframe runtime and external packages used by the export. Missing packages are installed with the package manager detected in your project, and the CLI reports what it added.