Subframe generates React code for your designs which you can export directly to Bolt, Replit, or Cursor to speed up development. We've created prompts optimized for Bolt, or you can export manually.
Open Code Mode
Click Code in the top right of your page to open Code Mode.
Select Export to Bolt.
Set up your Bolt project
To sync your Subframe components with Bolt, you’ll need to install it for your project. If you’re starting fresh, we recommend using the Bolt Vite template, but you can use any framework you prefer.
Go to the Setup your Bolt project section in Code Mode.
Click Open Bolt to create a new Vite app.
Click Generate Bolt Prompt — this will create an installation prompt that sets up Subframe and installs any required dependencies.
Copy the generated prompt and paste it into Bolt chat to run the setup.
Export your design to Bolt
You can export an entire page or a specific selection from Subframe to Bolt.
Copy the Export to Bolt prompt and paste it into Bolt chat. This will sync your components and copy over your design code.
In Bolt, modify the prompt as needed to:
Create a new page
Update an existing page
Add additional logic or connections
Once exported, your design is ready to build on, connect to a backend, or deploy to production.