Build a 3D Site in Framer & Spline

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

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 KZfaq 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
@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
@davidhack2409
@davidhack2409 7 ай бұрын
Killer work Ryan!
@brandongroce
@brandongroce 7 ай бұрын
Nice work Ryan!
@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
@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
@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
@ChronicleContent
@ChronicleContent 7 ай бұрын
that is not 1)build 2)3D site That is just insert a 3D element in hero section.
@jerzyzareba551
@jerzyzareba551 7 ай бұрын
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
@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
@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?
@striker-media
@striker-media 7 күн бұрын
Bro just used ctrl+c & ctrl+v combination. IN 7 MINUTES!
@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 М.
How to Make a Customizable WordPress Blog in 24 Steps - 2024
3:27:14
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 7 МЛН
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 1,6 МЛН
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 45 М.
The Framer Basics No One Explains (Until Now)
16:47
Framer University
Рет қаралды 35 М.
Building 3D Websites With Spline and Framer (No-Code)
29:34
Framer University
Рет қаралды 44 М.
Tạo typography 3D tương tác  | Spline Tutorial
32:32
Trong Phan
Рет қаралды 524
Top 2024 Web Design Trends
5:32
Codex Community
Рет қаралды 553 М.
Spline Tutorial for Beginners: 3D Website Crash Course
20:16
Flux Academy
Рет қаралды 225 М.
Learn Framer in 38 minutes! (Crash Course)
37:39
Flux Academy
Рет қаралды 22 М.
The Top 10 Websites of 2022 - CSSDesignAwards
24:45
DesignCourse
Рет қаралды 329 М.
From Figma To 3D Website (Using Framer & Spline)
20:34
Tim Gabe
Рет қаралды 57 М.