# How to Create Interactive Magical Particles in Spline - Spline Academy (https://spline.design/academy/tutorials/how-to-create-interactive-magical-particles-in-spline)

> Particles are fun to explore, it's amazing what you can create with them!

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. How to Create Interactive Magical Particles in Spline

# How to Create Interactive Magical Particles in Spline

Spline 3DIntermediate5 min

Particles are fun to explore, it's amazing what you can create with them!

🪄✨Today, we'll make you feel like a wizard 🧙‍♂️ as we guide you through creating an interactive magical sphere using Particles in Spline. This feature is easy to use, and you can embed the result on your website or explore it interactively on VisionOS.

For a more in-depth tutorial on Particles, check out this: <https://youtu.be/lRhLWE%5FcXkc>

Want to see other ways to use Particles? Check out these examples from the Spline Community:

Particle Nebula by @axelcastillo <https://app.spline.design/community/file/cea96ce0-da30-46cc-bd5c-dc73a6497abd>

Particles by @auroregmbt <https://app.spline.design/community/file/3ff7b617-2fe9-46c7-8e06-b6d7c382f4db>

Particles Hand by @aamarciales <https://app.spline.design/community/file/4f20ce3b-9705-4c29-96a3-85fe6937eb87>

Particle Planet by @BigLoong <https://app.spline.design/community/file/d3129b07-78f3-4740-8796-40e0a6db2ba8>

## What you’ll learn

1. [0:00Setting Up the Particle Emitter](https://www.youtube.com/watch?v=q1K5nji8KHM&t=0s)
2. [0:41Adjusting Particles](https://www.youtube.com/watch?v=q1K5nji8KHM&t=41s)
3. [2:23Making the Sphere Interactive](https://www.youtube.com/watch?v=q1K5nji8KHM&t=143s)
4. [2:57Making Particles Follow the Sphere and Cursor](https://www.youtube.com/watch?v=q1K5nji8KHM&t=177s)
5. [4:20Export Options](https://www.youtube.com/watch?v=q1K5nji8KHM&t=260s)

## Related resources

- [Magical ParticlesTemplate](https://app.spline.design/academy/tutorials/how-to-create-interactive-magical-particles-in-spline?redirect-duplicate-template-uuid=f8bbc810-1ff9-465f-a682-ca4ccff4bbeb&is-2d-file=false)
- [ParticlesDocument](https://docs.spline.design/designing-in-3-d/particles)
- [Drag and Drop EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/drag-and-drop-event)
- [Particles Control ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/particles-control-action)

## Overview

- Spline 3D
- 5 min
- Intermediate

## Part of

- [Spline Advanced | Feature Deep Dive](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-magical-particles-in-spline)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[How to Build a Reactive 3D Orb with Motion and InteractionSpline 3DIntermediate7 min](https://spline.design/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIsSpline 3DAdvanced15 min](https://spline.design/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Create Liquid Glass Materials in 3DSpline 3DBeginner12 min](https://spline.design/academy/tutorials/create-liquid-glass-materials-in-3d)

[Spline](https://spline.design/)

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.