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

# Notion

<figure><img src="/files/rmGfszDReZq051hszKkt" 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) Integration for Notion, you can easily integrate SwiftXR Projects into your Notion sites, enabling you to create immersive and interactive web experiences.

## Creating a Project on SwiftXR

* Navigate to the SwiftXR Hub: Begin by visiting the [SwiftXR Hub](https://swiftxr.io/hub).
* Initiate Project Creation: Once on Hub, click the "Create Project" button and enter your desired project name.
* Design and Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life.

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

## Publishing your SwiftXR Project

Utilize the editor to create your 3D vision using the SwiftXR components. Once satisfied with your creation, press the "Publish" or "Update" button to make your project live.

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

## Copy your Project URL

After publishing copy your project URL&#x20;

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

## Integrating SwiftXR on Notion

* Log in to your Notion account
* Create a page&#x20;

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

* Name your page, then click on the + sign on your page, scroll down to Embed

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

* Paste your project URL then click on Embed code

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

## View your scene in  the Web, AR, VR&#x20;

Save and publish your Notion site and view the link on any device to explore it immersively

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

## Conclusion

By integrating SwiftXR with Notion you can seamlessly blend 3D elements into your web prototypes, creating more engaging and interactive experiences for your users. Explore the possibilities of using SwiftXR to enhance your Notion sites and bring your ideas to life in an immersive and interactive way.