Getting started with Spline in Webflow

Video Description

Spline is a powerful 3D design tool that now natively integrates with Webflow allowing anyone to create fun, interactive and performant 3D animations. Join Aron Korenblit from Webflow and Gábor Pribék from Spline to learn the basics of Spline, how to import your Spline scenes into Webflow and how to use Webflow interactions to animate your Spline scenes for your site. Learn more & add to your calendar: https://wfl.io/livestream-spline Get 30% off on a Super Yearly Spline plan with code WebflowFriends 0:00 Starting soon 2:20 Introducing Spline x Webflow 3:58 Gabor & what is Spline 6:45 Breakdown of the build 9:20 Understanding the Spline layout 11:55 Creating the cube (hair) 14:00 Adding a sphere 14:55 Cloning & styling the cubes (hairs) 26:50 Randomizing and animating hair length 32:40 Import Spline scene into Webflow 36:25 Adjusting Spline camera position 41:45 Scaling Spline scene up and down with Webflow interactions 47:09 Q&A What is the best way to learn 3D and Spline? 48:30 Q&A How does mobile responsiveness work with Spline scenes? 49:50 Q&A What are best practices for reducing scene sizes and optimize their performance? 53:00 Where to go after after this stream to keep learning Spline? 54:45 Credits