> 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-add-digital-environment-to-your-3d-model.md).

# How to Add digital Environment to your 3D Model

One of the easiest ways to elevate your scene is by adding a digital environment—and HDR images are your secret weapon. High Dynamic Range (HDR) images don’t just serve as pretty backgrounds—they provide rich lighting data that can completely transform how your 3D model interacts with light, shadows, and reflections.&#x20;

In this guide, you'll learn how to use HDR images to create stunning digital environments that bring your 3D creations to life with depth, realism, and atmosphere.

#### ✅ What You’ll Need

* A 3D model (GLB, FBX, or other formats)
* HDR Image
* A SwiftXR account

## Step 1: Download an HDR Image Online

You can access free HDR Images online. [Download here](https://polyhaven.com/hdris/indoor)

<figure><img src="/files/iygDh0GChsk4oL7utWgt" alt=""><figcaption></figcaption></figure>

## Step 2: Create a Project on SwiftXR

Log in to your SwiftXR account. Click on **Create project.** Give your project a name then click **on create** a new project.

<figure><img src="/files/0GdclKTAsaZA1K4EJTE9" alt=""><figcaption></figcaption></figure>

## Step 3: Drag and Drop the AR component

Open the SwiftXR editor > select components > click on 3D. Then drag and drop the AR component on the Canvas. Choose any of the means available to get your 3D models Upload your 3D model from your device&#x20;

* Upload a 3D model from your device
* Search SwiftXR asset store&#x20;
* Use our AI image to 3D converter
* Request a custom 3D model from SwiftXR

<figure><img src="/files/EXcNVdLNTgloq7vIjz3y" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/eQvmrPybxv8PRvfJT6b1" alt=""><figcaption></figcaption></figure>

## Step 4: Add your HDR Image&#x20;

Head over to **properties,** Scroll down to Lighning. Click on it and under 3D Object background, drag and drop on your HDR Image.

<figure><img src="/files/WzWLRloJCGqtLsxVV3PN" alt=""><figcaption></figcaption></figure>

## Step 5: Preview and Publish your Project

Click on the preview tab to preview your project, then hit publish to make it live

<figure><img src="/files/rBXua4oPWLdQCrXefevy" alt=""><figcaption></figcaption></figure>
