Learn to build 3D Websites with Spline + Webflow
Design your first 3D asset in Spline and embed it in Webflow. Follow along with this tutorial for beginners by downloading the assets in the links below.
FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 https://bit.ly/3Tiua2G
Spline course coming soon! Join the waitlist 👉 https://flux-academy.typeform.com/to/FQGwn2Hb
Follow along:
Figma file (duplicate) 👉 https://www.figma.com/design/063pTlfy7fIYXMRlOFaasJ/Flux-Academy-Video?node-id=2402-151&t=U7eRbv7oefc9zdwF-1
Webflow clonable 👉 https://webflow.com/made-in-webflow/website/flux-cloneable-dfebc6-399b39894ce3c1150
Chapter…
Watch on YouTube ↗
(saves to browser)
Chapters (11)
What you’ll learn
1:03
Build the can asset
28:30
Create the plane
30:18
Add lighting
34:39
Prep asset for animated embed
36:38
Prep asset for transparent background embed\
39:50
Export from Spline
49:08
Hosting for animation video
51:55
Embed video in Webflow
55:26
Embed asset with transparent background
1:02:53
Animate asset in Webflow
DeepCamp AI