> 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/plugins/bubble.md).

# Bubble

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

## Introduction

SwiftXR is a powerful platform for creating and sharing interactive 3D, augmented reality (AR), and virtual reality (VR) experiences on the web. With the SwiftXR (3D/AR/VR) plugin for Bubble, you can easily integrate 3D scenes and models into your Bubble websites, enabling you to create immersive and interactive web experiences.

## Install the Plugin

1. Open your Bubble Project

Launch Bubble and open the editor for your desired project.

2. Go to Plugins

Click on the Plugins icon in the left-hand sidebar. This opens the list of plugins currently installed in your project.

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

## Install the SwiftXR Plugin

Click the “Add plugins” button, search for “SwiftXR”, and click install to add it to your project.

<br>

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

You can now return to your editor to start implementing the plugin

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

## Integrating SwiftXR into Bubble Website

Start by creating a Project on the SwiftXR platform to bring your 3D vision to life;

* See guide:  [Step-by-step guide to creating a Project](https://guide.swiftxr.io/creating-a-project)
* Design and Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life
* Publish your Project and copy the project link

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

* Return to your editor on Bubble.
* In the left side bar, under “Visual Elements”, drag and drop the SwiftXR Viewer plugin into your workspace.&#x20;

Then paste your project link in the Published Project Link field

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

## Viewing your Scenes in the Web, AR or VR

You can now preview, explore and publish your project— interacting with your 3D/AR/VR environment in an immersive way.

<br>

<figure><img src="/files/8lyqJQ0wlyau4IoOJt2p" alt=""><figcaption></figcaption></figure>

## Conclusion

By integrating SwiftXR with Bubble, you can seamlessly blend 3D elements into your web prototypes, creating more engaging and interactive experiences for your users