> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teleporthq.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to download your project

**Now that you visually built a project let's see the code behind it and learn how to export it.**

|  |  |
| ---- |
| [1. View code](#2-1-view-code) | [2. Export code](#2-2-export-code) |

## 1. View code

While building your project you can check the *Code Panel* that is populated behind the scenes with the generated code based on the changes you are doing in stage. 
To do that, go in the top right side of the Teleport and press on the *Code* button. This will open a modal for code, publish and download.

By default, the generators are set to display our UIDL in React.js format. The UIDL (User Interface Definition Language) is the backbone of our generators.

You can change the format of the code into many flavors of JavaScript such as:

|  |  |  |  |  |
| ---- |
| React | Vue | Angular | HTML&CSS | UIDL |
| Next | Nuxt |  |  |  |

Along 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 | Plain CSS | Styled JSX | CSS Modules |
| Styled Components | React JSS |  |  |

What 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 use it somewhere else.

## 2. Export Code

To export the code:

* Cllick on the **Code** button on the **Top Bar**
* Go to the **Download tab**.
* **Select the format**
* Click **Download**

Exporting 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.

First, you need to select the JS framework you want to export your project as. Then you have a few options.
### 
### Export to Github

Another 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.

### Downlad zip

The last option is to download the code as a zip file and save it on your local machine.

![View code and download as zip in TeleportHQ](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/view-code-download_18xkckx.gif)