# Animate Organic 3D Blobs with States - Spline Academy (https://spline.design/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Update: Spline UI has improved, and we have now introduced the concept of Actions that allow much more time for interactions. Within the event panel, the…

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. Animate Organic 3D Blobs with States

# Animate Organic 3D Blobs with States

Spline 3DBeginner5 min

☀️ Update: Spline UI has improved, and we have now introduced the concept of Actions that allow much more time for interactions. Within the event panel, the previous "Objects" section is now called Transition (which is an action). Make your transition action go from Current (Base State) to State.

Hi! In this tutorial, you will learn how to create and add motion/animation to a 3D blob using Spline materials and the state transitions.

Demo: <https://my.spline.design/animateblobtutorial-3cd0ff763c85d6c7932987288496472e/> Remix: <https://app.spline.design/file/8784fb55-d7a0-4a39-b00c-b88ab4524c2e>

## What you’ll learn

1. [0:00Introduction](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27Creating the sphere](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28Creating the materials](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34Animating the deformation](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Exploring alternatives](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

## Related resources

- [Blob Soft AnimationTemplate](https://app.spline.design/academy/tutorials/animate-organic-3d-blobs-with-states?redirect-duplicate-template-uuid=8d2738da-646b-4647-8a1e-696489259738&is-2d-file=false)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Displace LayerDocument](https://docs.spline.design/materials-shading/displace-layer)
- [Transition ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityDocument](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Overview

- Spline 3D
- 5 min
- Beginner

## Part of

- [Animation & Interactions in Spline](https://spline.design/academy/collections/animation-interactions-in-spline/animate-organic-3d-blobs-with-states)

## Related tutorials

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

[Create Animated 3D Blobs that React to Your MouseSpline 3DBeginner12 min](https://spline.design/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[How to create 3D blobs using SplineSpline 3DBeginner14 min](https://spline.design/academy/tutorials/how-to-create-3d-blobs-using-spline)[Refine & Style 3D Icons with MaterialsSpline 3DBeginner9 min](https://spline.design/academy/tutorials/refine-style-3d-icons-with-materials)

[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.