> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/how-to/how-to-create-a-collage-on-swiftxr.md).

# How to Create a Collage on SwiftXR

Here’s how you can create collage projects on SwiftXR to showcase more than one 3D Model at a time. Let’s get started.

#### Step 1: Create a Project 

The first thing is to create a project and get into the SwiftXR editor > select components > Basic > then select any of the columns you want for a collage like project. 

<img src="/files/omIQS3Z1W1iqdiC7KKCL" alt="" height="351" width="624">

Then drag the preferred column into the editor and drag it down to fill the entire page.&#x20;

<img src="/files/hgIpmb5CIIgdCPoTHuuV" alt="" height="256" width="624">

\ <br>

<img src="/files/3xrTIAEClveh4jpXz4Xb" alt="" height="255" width="624">

<br>

#### Step 2: Insert 3D Models into each column

Go to 3D, then click each column, and drag the 3D Component you want to insert into the columns, either virtual reality, augmented reality, etc. Then choose how you want to insert the 3D Model, which can be done by:&#x20;

* Uploading an image
* Exploring our model library
* Converting a 2D image to 3D
* Ordering a custom model.
* Scanning a product

<img src="/files/esQH8iGXmdPEfbx1UV9c" alt="" height="256" width="624">

<br>

Add 3D Elements into all the columns, following the step above till you’re done filling all the columns.&#x20;

<br>

<img src="/files/6BWZt69eqiHTaaKqYJgW" alt="" height="259" width="624">

<br>

#### Step 3: Preview and Publish

If satisfied with what you have, you can go ahead to preview and publish. <br>

<img src="/files/XAPgLxCwmX5tknIypzor" alt="" height="255" width="624">

<br>