Build a 3D Site in Framer & Spline

  Рет қаралды 37,633

Flux Academy

Flux Academy

Күн бұрын

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

Пікірлер: 29
@davidhack2409
@davidhack2409 7 ай бұрын
Killer work Ryan!
@brandongroce
@brandongroce 7 ай бұрын
Nice work Ryan!
@nizaryart177
@nizaryart177 7 ай бұрын
I did this on a project with the same model , changed it a bit and copy pasted it. Love seeing a different approach. ❤❤
@ducksquidbat8315
@ducksquidbat8315 7 ай бұрын
Copy and paste is a nice way of saying stole
@stevendesigner
@stevendesigner Ай бұрын
Really useful thanks!
@jaksusuthar2247
@jaksusuthar2247 7 ай бұрын
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
@Askmacoy 6 ай бұрын
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
@Trazynn 7 ай бұрын
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
@thewebstylist 7 ай бұрын
So awesome and though pretty quick, u can’t import pre designed titles or text and buttons? Amazing final result
@bud384
@bud384 2 ай бұрын
It seems like to use framer properly, you need to know css to some extend. Is it right?
@archrao2103
@archrao2103 3 ай бұрын
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
@jerzyzareba551 6 ай бұрын
Doesn't seem to work anymore - after copy pasting the URL there is a whole mini Spline subpage loading inside the cointainer
@raushankumar6993
@raushankumar6993 4 ай бұрын
Same here
@layerdesigns2747
@layerdesigns2747 2 ай бұрын
Same here
@ChronicleContent
@ChronicleContent 7 ай бұрын
that is not 1)build 2)3D site That is just insert a 3D element in hero section.
@leanderdsouza7799
@leanderdsouza7799 2 ай бұрын
why does the spline design take time to load?
@radepent
@radepent 7 ай бұрын
do we need to alter the embedded link. coz the whole frame is coming inside framer .
@SaloniT-yg8tl
@SaloniT-yg8tl 7 ай бұрын
Remix it and export the url from ur profile
@radepent
@radepent 7 ай бұрын
got it thank you :)@@SaloniT-yg8tl
@layerdesigns2747
@layerdesigns2747 2 ай бұрын
Hey how can i do this
@strikerx3dmedia
@strikerx3dmedia 4 күн бұрын
Bro just used ctrl+c & ctrl+v combination. IN 7 MINUTES!
@petermckinnon3104
@petermckinnon3104 3 ай бұрын
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
@FluxAcademy 3 ай бұрын
Have you checked out Matt Jumper’s recent Framer videos on our channel?
@layerdesigns2747
@layerdesigns2747 2 ай бұрын
Not working, try to explain in details
@ducksquidbat8315
@ducksquidbat8315 7 ай бұрын
This is literally a guide to using other people’s work? How is this in any way impressive?
@moralesmedia4282
@moralesmedia4282 7 ай бұрын
You don’t use unsplash, pexels, google fonts, literally any other tool?
@ducksquidbat8315
@ducksquidbat8315 7 ай бұрын
@@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
@kriskis9774 7 ай бұрын
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
@kanetesta5122 6 ай бұрын
The purpose of Spline is to use their library of 3D renders. Spline intend for Framer designers to do this exact integration
Native 3D in Webflow with Spline Integration
9:26
Flux Academy
Рет қаралды 9 М.
Top 2024 Web Design Trends
5:32
Codex Community
Рет қаралды 549 М.
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 12 МЛН
UNO!
00:18
БРУНО
Рет қаралды 2,6 МЛН
Amazing weight loss transformation !! 😱😱
00:24
Tibo InShape
Рет қаралды 66 МЛН
I'm Excited To see If Kelly Can Meet This Challenge!
00:16
Mini Katana
Рет қаралды 29 МЛН
The Framer Basics No One Explains (Until Now)
16:47
Framer University
Рет қаралды 34 М.
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 43 М.
Easy 3D with Spline - Tutorial
16:51
Flux Academy
Рет қаралды 54 М.
I found more incredible 3D personal portfolios!!!
19:12
Developer Filip
Рет қаралды 170 М.
From Figma To 3D Website (Using Framer & Spline)
20:34
Tim Gabe
Рет қаралды 57 М.
Why I switched to Framer from Webflow
12:17
Omar Farook | Building Tech Startups
Рет қаралды 155 М.
Using Webflow AND Framer to build a successful agency
18:07
Flux Academy
Рет қаралды 25 М.
18 Hero Section Designs You Can Steal
11:45
Payton Clark Smith
Рет қаралды 677 М.
Spline Tutorial for Beginners: 3D Website Crash Course
20:16
Flux Academy
Рет қаралды 224 М.
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 12 МЛН