# SwiftXR Documentation

## SwiftXR Documentation

- [👉 Introduction](https://guide.swiftxr.io/introduction.md): Welcome to SwiftXR, your all in one no-code 3D, Augmented Reality and Virtual Reality platform
- [🍭 Creating a Project](https://guide.swiftxr.io/creating-a-project.md): Learn how to easily create SwiftXR projects
- [🧭 Navigate the Interface](https://guide.swiftxr.io/navigate-the-interface.md)
- [Left Panel](https://guide.swiftxr.io/navigate-the-interface/left-panel.md)
- [Layers Panel](https://guide.swiftxr.io/navigate-the-interface/left-panel/layers-panel.md): The layers panel shows you a list of all objects added to your canvas. The layers panel uses a parent-child relationship to organize your objects which means a change in the parent object would affect
- [File Manager (Files)](https://guide.swiftxr.io/navigate-the-interface/left-panel/file-manager-files.md): The File Manager window shows all of the files in your project and is the main way you can navigate, search and also find imported assets.
- [Project Settings](https://guide.swiftxr.io/navigate-the-interface/left-panel/project-settings.md): The page settings provides you with options to help customize your project name, descriptions and so much more.
- [Video Tutorials](https://guide.swiftxr.io/navigate-the-interface/left-panel/video-tutorials.md): Quickly access how to use videos on different components directly in the Editor.
- [Working Area](https://guide.swiftxr.io/navigate-the-interface/working-area.md): The workspace can be found in the middle of the SwiftXR editor. It houses the canvas used for designing and viewing your project.
- [🎨 Templates](https://guide.swiftxr.io/templates.md)
- [3D](https://guide.swiftxr.io/templates/3d.md)
- [Augmented Reality](https://guide.swiftxr.io/templates/augmented-reality.md)
- [Virtual Reality](https://guide.swiftxr.io/templates/virtual-reality.md)
- [Face Tracking](https://guide.swiftxr.io/templates/face-tracking.md)
- [Image Tracking](https://guide.swiftxr.io/templates/image-tracking.md)
- [🗃️ Components](https://guide.swiftxr.io/components.md)
- [3D Viewer](https://guide.swiftxr.io/components/3d-viewer.md): Add interactive 3D content to your applications
- [Actions](https://guide.swiftxr.io/components/3d-viewer/actions.md): Customize design options based on selected state
- [Postion](https://guide.swiftxr.io/components/3d-viewer/postion.md): Customize the position of your 3D object
- [Size](https://guide.swiftxr.io/components/3d-viewer/size.md): Customize the size of your design
- [Layout](https://guide.swiftxr.io/components/3d-viewer/layout.md): Customize your 3D Layout to fit your purpose.
- [Background](https://guide.swiftxr.io/components/3d-viewer/background.md): Customize your own backgroud.
- [Background Image](https://guide.swiftxr.io/components/3d-viewer/background/background-image.md): Customize your own backgroud.
- [Effects](https://guide.swiftxr.io/components/3d-viewer/effects.md): Customize design options based on selected state
- [Augmented Reality (AR)](https://guide.swiftxr.io/components/augmented-reality-ar.md): Add interactive 3D content to your applications
- [Properties (AR)](https://guide.swiftxr.io/components/augmented-reality-ar/properties-ar.md): Customize how your viewers see the 3D object in their space.
- [Image Tracking](https://guide.swiftxr.io/components/image-tracking.md)
- [Virtual Reality (VR)](https://guide.swiftxr.io/components/virtual-reality-vr.md): Add interactive 3D content to your applications
- [Properties (VR)](https://guide.swiftxr.io/components/virtual-reality-vr/properties-vr.md): Customize how your viewers see the 3D object in their space.
- [VR Editor](https://guide.swiftxr.io/components/virtual-reality-vr/vr-editor.md): Customize how your viewers see the 3D object in their space.
- [3D Carousel](https://guide.swiftxr.io/components/3d-carousel.md): Add interactive 3D content to your applications
- [Carousel Options](https://guide.swiftxr.io/components/3d-carousel/carousel-options.md): Customize how your viewers see the 3D object in their space.
- [Image Tracking](https://guide.swiftxr.io/components/image-tracking-1.md): Add interactive 3D content to your applications
- [Image Tracking](https://guide.swiftxr.io/components/image-tracking-1/image-tracking.md): Customize how your viewers see the 3D object in their space.
- [Face Tracking](https://guide.swiftxr.io/components/face-tracking.md): Add interactive 3D content to your applications
- [Face Tracking ](https://guide.swiftxr.io/components/face-tracking/face-tracking.md): Customize how your viewers see the 3D object in their space.
- [Face Tracking Editor](https://guide.swiftxr.io/components/face-tracking/face-tracking-editor.md): Customize how the 3D object is tracked on the face.
- [Customizable 3D Viewer](https://guide.swiftxr.io/components/customizable-3d-viewer.md): Add interactive 3D content to your applications
- [Customization Options](https://guide.swiftxr.io/components/customizable-3d-viewer/customization-options.md): Customize how your viewers see the 3D object in their space.
- [Variants](https://guide.swiftxr.io/components/customizable-3d-viewer/variants.md): Customize how your viewers see the 3D object in their space.
- [3D Text](https://guide.swiftxr.io/components/3d-text.md): Create 3D Text with SwiftXR
- [3D text](https://guide.swiftxr.io/components/3d-text/3d-text.md): Customize how your viewers see the 3D object in their space.
- [Generate 3D Text](https://guide.swiftxr.io/components/3d-text/generate-3d-text.md): Customize how your viewers see the 3D object in their space.
- [Indexable 3D Viewer (Developers)](https://guide.swiftxr.io/components/indexable-3d-viewer-developers.md): Add interactive 3D content to your applications
- [Indexing Options](https://guide.swiftxr.io/components/indexable-3d-viewer-developers/indexing-options.md): Customize how your viewers see the 3D object in their space.
- [Face Tracking](https://guide.swiftxr.io/components/face-tracking-1.md)
- [Indexable Model Viewer](https://guide.swiftxr.io/components/indexable-model-viewer.md): This explains how you can build a project using the indexable model viewer on SwiftXR
- [AR Artwork Viewer](https://guide.swiftxr.io/components/ar-artwork-viewer.md): Spice up your Art work with AR Artwork Viewer
- [Artwork Settings](https://guide.swiftxr.io/components/ar-artwork-viewer/artwork-settings.md): Customize your generated 3D Artwork
- [AI Artwork Viewer](https://guide.swiftxr.io/components/ai-artwork-viewer.md): Add 3D Art Work to your applications
- [AI Artwork](https://guide.swiftxr.io/components/ai-artwork-viewer/ai-artwork.md): Generate 3D Artwork with our powerful AI Tool.
- [AI Generator](https://guide.swiftxr.io/components/ai-artwork-viewer/ai-generator.md): Generate Artwork with our AI generator
- [ReadyPlayerMe](https://guide.swiftxr.io/components/readyplayerme.md): Create 3D Customizable Avatars
- [Avatar Settings](https://guide.swiftxr.io/components/readyplayerme/avatar-settings.md): Customize how your viewers see the 3D object in their space.
- [🔌 Plugins](https://guide.swiftxr.io/plugins.md): Access SwiftXR’s potential with plugins for easy 3D, AR, and VR integration into your preferred content management systems and development environments.
- [Big Commerce](https://guide.swiftxr.io/plugins/big-commerce.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Bigcommerce website
- [Bravarent](https://guide.swiftxr.io/plugins/bravarent.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Bravarent website
- [Brizy](https://guide.swiftxr.io/plugins/brizy.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Brizy website
- [Blender](https://guide.swiftxr.io/plugins/blender.md): Export and Embed Blender Scenes in 3D, AR, and VR Experiences
- [Version 4.1 or Below](https://guide.swiftxr.io/plugins/blender/version-4.1-or-below.md): Export your Blender scenes for the web with SwiftXR's (3D/AR/VR) Add-On
- [Version 4.2 or Above](https://guide.swiftxr.io/plugins/blender/version-4.2-or-above.md): Export your Blender scenes for the web with SwiftXR's (3D/AR/VR) Add-On
- [Bubble](https://guide.swiftxr.io/plugins/bubble.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Bubble Website
- [Cargo](https://guide.swiftxr.io/plugins/cargo.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Cargo website
- [Canva](https://guide.swiftxr.io/plugins/canva.md): Generate and embed 3D model images, GIFs, and PNGs in Canva with ease.
- [Concrete CMS](https://guide.swiftxr.io/plugins/concrete-cms.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Concrete website.
- [Clo3d](https://guide.swiftxr.io/plugins/clo3d.md): Export and Embed CLO3D Clothing Designs in 3D, AR, and VR Experiences
- [Dorik](https://guide.swiftxr.io/plugins/dorik.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Dorik website.
- [Daz3d](https://guide.swiftxr.io/plugins/daz3d.md): Export and Embed Daz3D Clothing Designs in 3D, AR, and VR Experiences
- [Figma](https://guide.swiftxr.io/plugins/figma.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Figma Site.
- [Figma](https://guide.swiftxr.io/plugins/figma-1.md): Generate and embed 3D model images, GIFs, and PNGs in Figma with ease.
- [Format](https://guide.swiftxr.io/plugins/format.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Format website.
- [Framer](https://guide.swiftxr.io/plugins/framer.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Framer website.
- [Google sites](https://guide.swiftxr.io/plugins/framer/google-sites.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Google sites.
- [GoDaddy](https://guide.swiftxr.io/plugins/godaddy.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your GoDaddy website.
- [HubSpot CMS](https://guide.swiftxr.io/plugins/hubspot-cms.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your HubSpot website.
- [Jimdo](https://guide.swiftxr.io/plugins/jimdo.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Jimdo website
- [Notion](https://guide.swiftxr.io/plugins/notion.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your  Notion Site.
- [Neocities](https://guide.swiftxr.io/plugins/neocities.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Neocities website
- [Mozello](https://guide.swiftxr.io/plugins/mozello.md): Add or embed 3D, Augmented Reality (AR) and Virtual Reality (VR) content/design to your Mozello website
- [Style3d](https://guide.swiftxr.io/plugins/style3d.md): Export and Embed Style3D Clothing Designs in 3D, AR, and VR Experiences
- [Shopify](https://guide.swiftxr.io/plugins/shopify.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Shopify website.
- [Squarespace](https://guide.swiftxr.io/plugins/squarespace.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Squarespace website.
- [SILEX](https://guide.swiftxr.io/plugins/silex.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your SILEX website.
- [Teleporthq](https://guide.swiftxr.io/plugins/teleporthq.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Teleporthq website.
- [Tinkercad](https://guide.swiftxr.io/plugins/tinkercad.md): Create and Export your Tinkercad Designs for 3D, AR and VR experiences with SwiftXR
- [UCraft](https://guide.swiftxr.io/plugins/ucraft.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your UCraft website.
- [UCOZ](https://guide.swiftxr.io/plugins/ucoz.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Ucoz website.
- [Webstudio](https://guide.swiftxr.io/plugins/webstudio.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Webstudio website.
- [Weebly](https://guide.swiftxr.io/plugins/weebly.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Weebly website.
- [WiX](https://guide.swiftxr.io/plugins/wix.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Wix website or store.
- [WordPress](https://guide.swiftxr.io/plugins/wordpress.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your WordPress website.
- [WooCommerce](https://guide.swiftxr.io/plugins/woocommerce.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your WooCommerce store.
- [Webflow](https://guide.swiftxr.io/plugins/webflow.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Webflow website.
- [Webwave](https://guide.swiftxr.io/plugins/webwave.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Webwave website.
- [Zoho Commerce](https://guide.swiftxr.io/plugins/zoho-commerce.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Zoho Commerce
- [Zoho Sites](https://guide.swiftxr.io/plugins/zoho-sites.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Zoho Site.
- [🪢 Integrations](https://guide.swiftxr.io/integrations.md): Embed SwiftXR’s 3D, AR, and VR experiences into HTML, React, Svelte, Angular, Vue, or any web projects effortlessly.
- [HTML](https://guide.swiftxr.io/integrations/html.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your HTML website.
- [React and Next.js](https://guide.swiftxr.io/integrations/react-and-next.js.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your React or Next.js website.
- [Svelte](https://guide.swiftxr.io/integrations/svelte.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Svelte website.
- [Angular](https://guide.swiftxr.io/integrations/angular.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Angular website.
- [Vue](https://guide.swiftxr.io/integrations/vue.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Vue website.
- [Swift](https://guide.swiftxr.io/integrations/swift.md): Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Swift application.
- [🎮 3D Content Creation](https://guide.swiftxr.io/3d-content-creation.md)
- [Why 3D on the Web](https://guide.swiftxr.io/3d-content-creation/why-3d-on-the-web.md): This article is a full detailed guide on all you need to know on 3D optimization on the web.
- [3D Modelling Softwares](https://guide.swiftxr.io/3d-content-creation/3d-modelling-softwares.md): 3D Modeling Softwares are key tools for creating custom digital models for games, animations, and architecture. These models can be easily imported into SwiftXR for 3D, AR, and VR projects.
- [Blender](https://guide.swiftxr.io/3d-content-creation/3d-modelling-softwares/blender.md)
- [Maya](https://guide.swiftxr.io/3d-content-creation/3d-modelling-softwares/maya.md)
- [Sketchup](https://guide.swiftxr.io/3d-content-creation/3d-modelling-softwares/sketchup.md)
- [3D Asset Stores](https://guide.swiftxr.io/3d-content-creation/3d-asset-stores.md): 3D Asset Stores offer a wide range of pre-made digital models that you can import into SwiftXR for use in 3D, AR, and VR experiences.
- [Sketchfab](https://guide.swiftxr.io/3d-content-creation/3d-asset-stores/sketchfab.md)
- [Free 3D](https://guide.swiftxr.io/3d-content-creation/3d-asset-stores/free-3d.md)
- [3D Scanning/Capture](https://guide.swiftxr.io/3d-content-creation/3d-scanning-capture.md): 3D Scanning/Capture creates digital replicas of physical objects using the tools below. These models can then be imported into SwiftXR for use in 3D, AR, and VR experiences.
- [Luma AI](https://guide.swiftxr.io/3d-content-creation/3d-scanning-capture/luma-ai.md): Luma 3D capture is a 3D scanning tool which is used to capture real-world objects or environments and create a digital 3D model of them.
- [Polyscan](https://guide.swiftxr.io/3d-content-creation/3d-scanning-capture/polyscan.md)
- [Kiri Engine](https://guide.swiftxr.io/3d-content-creation/3d-scanning-capture/kiri-engine.md)
- [Specifications](https://guide.swiftxr.io/3d-content-creation/specifications.md)
- [Web3D Cheat Sheet](https://guide.swiftxr.io/3d-content-creation/specifications/web3d-cheat-sheet.md): This is a concise guide sheet on the requirement and specification for creating, optimizing and uploading 3D models to the SwiftXR's web hub.
- [Web3D Detailed Cheat  Sheet](https://guide.swiftxr.io/3d-content-creation/specifications/web3d-detailed-cheat-sheet.md): This is a detailed guide sheet on the requirement and specification for creating, optimizing and uploading 3D models to the SwiftXR's web hub.
- [Fixing Transparency Issues in AR 3D Models: Understanding Face Normal Orientation](https://guide.swiftxr.io/3d-content-creation/fixing-transparency-issues-in-ar-3d-models-understanding-face-normal-orientation.md): Learn why 3D models sometimes appear transparent in AR and how to fix it by correcting face normal orientation.
- [💡 How To](https://guide.swiftxr.io/how-to.md)
- [Best Practices For Image Tracking on SwiftXR](https://guide.swiftxr.io/how-to/best-practices-for-image-tracking-on-swiftxr.md)
- [How to Add the SwiftXR Custom Block to the Media Image Section on Shopify](https://guide.swiftxr.io/how-to/how-to-add-the-swiftxr-custom-block-to-the-media-image-section-on-shopify.md): This guide will show you how to embed your SwiftXR 3D/AR/VR viewer directly into your product’s Media Image section on your Shopify store
- [How to Add the SwiftXR Custom Block to any section on your Product Media Page](https://guide.swiftxr.io/how-to/how-to-add-the-swiftxr-custom-block-to-any-section-on-your-product-media-page.md): This guide will show you how to embed your SwiftXR 3D/AR/VR viewer to any section of your Media on your Shopify store
- [How to Enable Animation in AR on IOS Devices](https://guide.swiftxr.io/how-to/how-to-enable-animation-in-ar-on-ios-devices.md): Learn how to view animated 3D models in AR on iOS using SwiftXR. Step-by-step guide to exporting USDZ from Blender and enabling animations in AR on iPhones and iPads.
- [How to Add Labels and  Text to 3D Models: A step-by-step guide](https://guide.swiftxr.io/how-to/how-to-add-labels-and-text-to-3d-models-a-step-by-step-guide.md): Learn how to add descriptive texts and labels to your 3D models for creative and interactive storytelling, by using the SwiftXR Hotspot feature.
- [How to convert images to 3D models](https://guide.swiftxr.io/how-to/how-to-convert-images-to-3d-models.md): Learn how to easily convert images to 3D models using SwiftXR's AI image to 3D converter
- [How to Add Textures to your 3D models](https://guide.swiftxr.io/how-to/how-to-add-textures-to-your-3d-models.md): Learn gow to add base textures to your 3D models using SwiftXR
- [How to Add digital Environment to your 3D Model](https://guide.swiftxr.io/how-to/how-to-add-digital-environment-to-your-3d-model.md): Learn how to add digital environments to your 3D model using HDR Images on SwiftXR
- [Step-by-Step Guide to 3D Artwork Generation](https://guide.swiftxr.io/how-to/step-by-step-guide-to-3d-artwork-generation.md): Learn how to generate 3D Art-work using SwiftXR AI Artwork viewer.
- [How to add Picture and Colour Variant to your 3D Model](https://guide.swiftxr.io/how-to/how-to-add-picture-and-colour-variant-to-your-3d-model.md): Learn how to add picture and colour variant to your 3D model gallery using SwiftXR
- [How to Publish Your First Project with SwiftXR](https://guide.swiftxr.io/how-to/how-to-publish-your-first-project-with-swiftxr.md): Learn how to publish your first project with SwiftXR
- [How to Use Hotspots to Highlight Key Product Features](https://guide.swiftxr.io/how-to/how-to-use-hotspots-to-highlight-key-product-features.md): Learn how to use hotspot to highlight product features with SwiftXR
- [How to Convert Image to 3D Models on SwiftXR](https://guide.swiftxr.io/how-to/how-to-convert-image-to-3d-models-on-swiftxr.md): Learn how to publish your first project with SwiftXR
- [Capturing Snaps & GIFs of Your SwiftXR Models](https://guide.swiftxr.io/how-to/capturing-snaps-and-gifs-of-your-swiftxr-models.md): Learn how to capture snaps and GIFs with SwiftXR
- [How to Customize Projects in SwiftXR](https://guide.swiftxr.io/how-to/how-to-customize-projects-in-swiftxr.md): Learn how to create customized projects in SwiftXR
- [Managing Multiple Projects in SwiftXR with Folder Organization](https://guide.swiftxr.io/how-to/managing-multiple-projects-in-swiftxr-with-folder-organization.md): Learn how to manage multiple projects on SwiftXR with folder organization
- [How to Generate a Temporary Link for your Project on SwiftXR](https://guide.swiftxr.io/how-to/how-to-generate-a-temporary-link-for-your-project-on-swiftxr.md): Learn how to generate a temporary link for your project on SwiftXR
- [How to get the Dimensions of your 3D Model on SwiftXR](https://guide.swiftxr.io/how-to/how-to-get-the-dimensions-of-your-3d-model-on-swiftxr.md): Learn how to generate a temporary link for your project on SwiftXR