Webstudio
Log in

Join the Webstudio community

Updated last year

Integration with spline.design for 3D animations

At a glance

The community member is excited about the spline.design website and its capabilities for 3D animations within a site, particularly the hero sections. They wonder if there could be a direct integration with the webstudio platform, similar to the integration with Webflow. The comments suggest that while an HTML embed component can be used to integrate spline.design currently, a native integration would be preferred to avoid loading from their servers. Some community members note that enabling the upload of spline files in the webstudio platform could make the integration straightforward. Overall, the community is interested in a seamless integration between spline.design and the webstudio platform.

Useful resources
DDarekL
·
Hi everyone. Just saw spline.design https://spline.design/ website and it's insane for 3D animations within a site. Pretty crazy hero sections too. I see that there is a direct integration with webflow. Is this something that could be integrated here as well? (Crossing fingers and begging the gods of web and design).
Attachment
image.png
O
D
m
7 comments
OOleg Isonen
Absolutely, spline needs to have a great integration, but even right now you can use html embed component to integrate it today.
DDarekL
Awesome!! Thank you!
mmothfri
native integration would be really nice, to not load from their servers
OOleg Isonen
To enable storing spline files with webstudio we would only need to enable uploading spline files, which should be very easy to do
OOleg Isonen
https://viewer.spline.design/

Plain Text
<script type="module" src="https://unpkg.com/@splinetool/viewer/build/spline-viewer.js"></script>
<spline-viewer url="https://prod.spline.design/LEvjG3OETYd2GsRw/scene.splinecode"></spline-viewer>
OOleg Isonen
but yeah, ideally we need an integration so that this is all straight forward
OOleg Isonen
https://twitter.com/getwebstudio/status/1730572512784716249
Add a reply
Sign up and join the conversation on Discord
\n","dateCreated":"2023-12-01T12:44:35.697Z","dateModified":"2023-12-01T12:44:35.697Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/cdd3ed87-53a0-414a-885a-56b7939e412a","name":"Oleg Isonen","identifier":"cdd3ed87-53a0-414a-885a-56b7939e412a","image":"https://cdn.discordapp.com/avatars/469405813048606720/8b66a5882214c63ee6148fcce3ef8e93.webp?size=256"},"commentCount":0,"comment":[],"position":5,"upvoteCount":0},{"@type":"Comment","text":"but yeah, ideally we need an integration so that this is all straight forward","dateCreated":"2023-12-01T12:44:58.797Z","dateModified":"2023-12-01T12:44:58.797Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/cdd3ed87-53a0-414a-885a-56b7939e412a","name":"Oleg Isonen","identifier":"cdd3ed87-53a0-414a-885a-56b7939e412a","image":"https://cdn.discordapp.com/avatars/469405813048606720/8b66a5882214c63ee6148fcce3ef8e93.webp?size=256"},"commentCount":0,"comment":[],"position":6,"upvoteCount":0},{"@type":"Comment","text":"https://twitter.com/getwebstudio/status/1730572512784716249","dateCreated":"2023-12-01T13:00:43.951Z","dateModified":"2023-12-01T13:00:43.951Z","author":{"@type":"Person","url":"https://help.webstudio.is/members/cdd3ed87-53a0-414a-885a-56b7939e412a","name":"Oleg Isonen","identifier":"cdd3ed87-53a0-414a-885a-56b7939e412a","image":"https://cdn.discordapp.com/avatars/469405813048606720/8b66a5882214c63ee6148fcce3ef8e93.webp?size=256"},"commentCount":0,"comment":[],"position":7,"upvoteCount":0}],"author":{"@type":"Person","url":"https://help.webstudio.is/members/7e1e3b54-04cc-4a32-a406-d80edf0a3590","name":"DarekL","identifier":"7e1e3b54-04cc-4a32-a406-d80edf0a3590","image":"https://cdn.discordapp.com/avatars/721235216768696331/478c79cb35d036e867f0d80c72076ceb.webp?size=256"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]