Chapter 258: Import from Spline

Core Idea

:::warning This tutorial has been reported as out of date. The Spline export workflow may have changed since this was written.

Key Concepts

• Create the 3D model in Spline
• Animating 3D Model using Remotion
• Final Result / Generated Video
• Credits
• See also

Code Examples

npm install @splinetool/r3f-spline

• What it demonstrates: Usage pattern for Import from Spline from the official docs.

Key Takeaways

1. Understand create the 3d model in spline when working with Import from Spline.
2. Understand animating 3d model using remotion when working with Import from Spline.
3. Understand final result / generated video when working with Import from Spline.
4. Understand credits when working with Import from Spline.
5. Understand see also when working with Import from Spline.

Connects To

• Angular: related page in the Framework & Renderer Integrations section.
• Figma: related page in the Framework & Renderer Integrations section.
• use Gsap Timeline: related page in the Framework & Renderer Integrations section.