Build a 3D Site in Framer & Spline

Become a Framer expert with Flux Academy: bit.ly/46K9zZo
Currently, 3-D is all the rage in web design, so let's take a landing page design and rebuild it inside of Framer without any coding and within minutes!
Ryan’s KZbin Channel: @ryanhayward3488
📽️ CHAPTERS
---------------------------
00:00 - Intro
00:13 - Hero Section
04:17 - Spline Explained
04:59 - Inserting Spline 3D animation
05:50 - Laying Containers
If you have a Framer lesson in mind, let us know!
Follow Flux Academy on our other social channels:
---------------------------
Instagram: / flux.academy
Tiktok: / fluxacademy
X: / fluxacademyhq
Linkedin: / flux-academy
#webdesign #framer #design

[@davidhack2409]

Killer work Ryan!

[@brandongroce]

Nice work Ryan!

[@nizaryart177]

I did this on a project with the same model , changed it a bit and copy pasted it. Love seeing a different approach. ❤❤

[@ducksquidbat8315]

Copy and paste is a nice way of saying stole

[@stevendesigner]

Really useful thanks!

[@jaksusuthar2247]

Hi , I have question can we design any mobile or desktop app in framer and can we use framer as prototype tool for website or app

[@Askmacoy]

Hello! Awesome. Quick question, how can I download the material from spline and paste it on my framer? Cause I dont see any download button on Spline. Thanks

[@Trazynn]

On Privado's frontpage there's two sections that feature a really neat automated slider. It cycles through tabs and shows different images corresponding to descriptions. But the cool thing is that the user can click on each tab at which point the cycle starts from that point onward again, making it automatic and interactive at the same time. Would love a framer tutorial on that. I can do it in Javascript, I just don't know how to do it in no-code.

[@thewebstylist]

So awesome and though pretty quick, u can’t import pre designed titles or text and buttons? Amazing final result

[@bud384]

It seems like to use framer properly, you need to know css to some extend. Is it right?

[@archrao2103]

When you paste the spline link it shows the whole website..hate spending so much time on tutorials and not getting it right in the end

[@jerzyzareba551]

Doesn't seem to work anymore - after copy pasting the URL there is a whole mini Spline subpage loading inside the cointainer

[@raushankumar6993]

Same here

[@layerdesigns2747]

Same here

[@ChronicleContent]

that is not 1)build 2)3D site That is just insert a 3D element in hero section.

[@leanderdsouza7799]

why does the spline design take time to load?

[@radepent]

do we need to alter the embedded link. coz the whole frame is coming inside framer .

[@SaloniT-yg8tl]

Remix it and export the url from ur profile

[@radepent]

got it thank you :)@@SaloniT-yg8tl

[@layerdesigns2747]

Hey how can i do this

[@strikerx3dmedia]

Bro just used ctrl+c & ctrl+v combination. IN 7 MINUTES!

[@petermckinnon3104]

Sorry, got to go back to learning webflow. The tutorials on here are poor. Wanted to wait for the Tim Gabe course but that's going to be another 4/6 weeks to wait.

[@FluxAcademy]

Have you checked out Matt Jumper’s recent Framer videos on our channel?

[@layerdesigns2747]

Not working, try to explain in details

[@ducksquidbat8315]

This is literally a guide to using other people’s work? How is this in any way impressive?

[@moralesmedia4282]

You don’t use unsplash, pexels, google fonts, literally any other tool?

[@ducksquidbat8315]

@@moralesmedia4282 yes I do but I don’t create a video of me literally copying and pasting it then giving myself a round of applause

[@kriskis9774]

You really take your time to leave several mean comments under this tutorial, don’t you? If you are so smart, may be share something useful with us?

[@kanetesta5122]

The purpose of Spline is to use their library of 3D renders. Spline intend for Framer designers to do this exact integration