> ## Documentation Index
> Fetch the complete documentation index at: https://docs.spline.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrating with Toddle

<img src="https://cdn.spline.design/_assets/docs/256e79fa-6316-437f-850d-fe8deb7927ac.png" alt="image" />

Integrating your Spline scenes into Toddle allows you to have real-time interactive 3D experiences on your web apps.

Toddle is a no-code platform designed to streamline web app development by eliminating the need to code from the process.

[Learn more about Toddle →](https://toddle.dev/)

## Add a 3D embed to your Toddle web app

1. Select a div where you’d like to add your Spline scene to.
2. Paste your Spline Viewer code snippet.

[Learn more from Toddle docs →](https://toddle.dev/docs/spline)

<video src="https://cdn.spline.design/_assets/docs/f04d24f1-6286-4552-8efd-1a079f832cc3.mp4" controls />

## Scene optimization

Learn to optimize your scene to make sure your scene loads quickly and runs efficiently on all sorts of devices.

[How to optimize your scene](/exporting-your-scene/how-to-optimize-your-scene)