> For the complete documentation index, see [llms.txt](https://docs.icraft.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.icraft.design/editor-features/navigation-bar/file-exporting/exporting-as-file.md).

# Exporting as File

iCraft allows you to export the current project in multiple file formats, including code files, image files, project files, and dedicated playback files. This enables a wide range of use cases, from design creation and solution presentation to system integration.

With the export feature, users can take 3D scenes out of the editor and flexibly apply them to websites, systems, documents, presentations, and collaboration workflows.

***

## Accessing the Export Feature

1. Click the **Export** icon in the **top navigation bar** of the editor.
2. In the export panel, select the **File** category on the left. You will then see several available export options:
   1. **Code (React / JavaScript)**
   2. **Image (JPG / PNG / WEBP)**
   3. **`.icraft` Project File**
   4. **`.iplayer` Front-end Component File**

![](/files/i5BdGABdiiWqi5ES5CsM)

***

## Export Type Details

<details>

<summary><strong>Code Export</strong></summary>

Code export is used to package the current 3D scene into frontend component code that can be directly embedded into webpages or systems, supporting both React and native JavaScript.\
The exported code is based on the iCraft Player component, which can load and run 3D scenes in webpages to realize online 3D preview and interaction.

**Typical Use Cases**

* Embed 3D scenes into corporate official websites
* Integrate into business systems (such as MES, PLM, digital twin platforms)
* Build 3D visualization applications
* Conduct secondary development of 3D interactive systems

</details>

<details>

<summary><strong>Image Export</strong></summary>

Export the current scene from a specified perspective as static images, suitable for documents, schemes, reports, promotions and other scenarios. It supports multiple mainstream image formats including `JPG`, `PNG` and `WEBP` to meet different clarity and file size requirements.The feature supports image export with a maximum resolution of 16000px, and allows users to show or hide the background and iCraft logo during export.

**Typical Use Cases**

* Illustrations for scheme report PPTs
* Images for product manuals
* Supporting graphics for technical documents
* Production of promotional materials
* Display on social media platforms

</details>

<details>

<summary><strong>Project File Export (.icraft)</strong></summary>

The **`.icraft`**  file is the native project file format of iCraft. It stores the complete project information, including:

* All model data
* Scene layout and hierarchy structure
* Material and visual properties
* Animation configurations
* Interaction logic

This format is ideal for project archiving, collaboration delivery, and further editing.

**Typical Use Cases**

* Project backup and archiving
* Team collaboration and delivery
* Continuing work on different devices
* Version management and iteration

</details>

<details>

<summary><strong>Dedicated Playback File Export (.iplayer)</strong></summary>

The **`.iplayer`**  format is a specialized playback file provided by iCraft. It packages an optimized version of the 3D scene for efficient loading and rendering across different platforms.

This file includes:

* Scene structure
* Model data
* Animations
* Materials
* Camera settings

The `.iplayer` format is ideal for online preview, embedded applications, and custom development integrations.

**Typical Use Cases**

* Embedding into business systems
* Integrating interactive 3D view components
* Displaying scenes on official websites or product pages
* Supporting custom UI controls and event integrations

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.icraft.design/editor-features/navigation-bar/file-exporting/exporting-as-file.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
