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

Chapters
0:00 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

​
📱 Find us on SOCIAL MEDIA
Jack Redley’s YouTube 👉 https://www.youtube.com/@JackRedleyDesign-c6b
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy's TikTok 👉 https://www.tiktok.com/@fluxacademy