View code and export
Now that you visually built a project let's see the code behind it and learn how to export it.
• UIDLAlong with that there are multiple ways to structure the CSS of a project that you can choose from as well. The CSS formats that we support are:
• Inline Styles
• CSS Modules
• plain CSS
• Styled Components
• Styled JSX
• React JSSWhat you have selected as a page or component will be shown in code format in the Code Panel.
You can also quickly copy the code and take it somewhere else.
Export CodeExporting the code that is automatically generated is easy and it comes with a lot of options. Everything is batched into a project that is build on top of the Next.js framework
Export to CodesandboxClicking on the Export button will show all the available choices you can pick from. After selecting one, you can choose to continue to work on the project using Codesandbox.
Export to GithubAnother option is to take the project on Github. To do this you will need to go in Project Settings and copy the Github Token there. After that, clicking on the Github icon in the Export menu will take you to the created project.
Save to localThe last option is to export the code as a zip file and save it on your local machine.