> 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/components/customizable-3d-viewer.md).

# Customizable 3D Viewer

Add interactive 3D content to your applications

<figure><img src="https://564713456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKNcXDcNRYHUBsVw12Dii%2Fuploads%2F7HEOAK3GKKV61AebhtqP%2Fproduct-customisation.png?alt=media&amp;token=13c39225-6170-4ff4-975c-63761d5d2d32" alt="" width="300"><figcaption></figcaption></figure>

## Introduction

The Customizable 3D Viewer component extends the 3D viewer component but with added functionality.&#x20;

The Customizable 3D viewer allows you to add personalized elements to your  3D objects e.g adding variants to your 3D Object and also editing the Material and Texture\
\
All components in SwiftXR are extended from the 3D Model Viewer.

<figure><img src="https://564713456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKNcXDcNRYHUBsVw12Dii%2Fuploads%2FGsPiLnMaA33VtPFxzc1z%2FScreenshot%202024-09-27%20at%2015.08.58.png?alt=media&amp;token=1599da4d-d2ac-43e7-9aff-fcc8c970cd55" alt=""><figcaption></figcaption></figure>

## Design

This extends the 3D Viewer Designs [Click here to View,](/components/3d-viewer.md#design)

## Properties

This extends some properties from the 3D Viewer [Click here to View](/components/3d-viewer.md#properties),  unique properties are listed below

<table data-full-width="true"><thead><tr><th>Topic</th><th>Description</th></tr></thead><tbody><tr><td>C<a href="/components/customizable-3d-viewer/customization-options.md">ustomization Options</a></td><td>This provides customization to how you want your product to look like</td></tr></tbody></table>