Pineapple Builder Logo

Pineapple + Spline

Spline, a place to design and collaborate in 3D


Designing in 3D has never been easier. Spline allows to create 3D scenes, edit materials, and model 3D objects. It also controls the outcome of your design work.

And there is more! Spline is constantly growing just like the possibilities of what you can achieve.

Spline is loved by teams around the world. Teams love creating in 3D with Spline for its ease of use and flexibility.

Try to integrate your 3D designs with Spline pipeline. Get your 3D scenes inside your web projects using simple embed code/snippets.

Main benefits

Realtime Collaboration

Work with your team in real-time and set individual permissions.


Give life to your 3d objects.

Templates Library

A repository of scenes, templates, and objects ready to use.

Add Spline to Pineapple Builder

Step 1: Add "Embed" component

In editor Add embed component with "plus" button before or after the component and choose Embed (code)

Embed 2
Embed 2
Step 2: Edit "Embed" component
Embed 3
Embed 3
Step 3: Copy HTML code

Navigate to Spline dashboard and copy code. You can find more details here.

spline copy_code
spline copy_code
Step 4: Pased your code under Embed (code) on the left panel.
Spline code
Spline code

Tip: make sure the height for the component is set up correctly, as otherwise bottom parts of your embedded codes might be not visible or clickable. You can change height manually or use "Height Auto".

Spline final
Spline final

Try Pineapple Builder

Start building your business today.

Try Pineapple Builder and build your website on your own terms.

Made in Pineapple Builder - AI Website Builder Builder