Это видео недоступно.
Сожалеем об этом.
Build a 3D Site in Framer & Spline
HTML-код
- Опубликовано: 18 авг 2024
- 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 RUclips 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
I did this on a project with the same model , changed it a bit and copy pasted it. Love seeing a different approach. ❤❤
Copy and paste is a nice way of saying stole
that is not
1)build
2)3D site
That is just insert a 3D element in hero section.
Nice work Ryan!
Killer work Ryan!
Doesn't seem to work anymore - after copy pasting the URL there is a whole mini Spline subpage loading inside the cointainer
Same here
Same here
try remixing the design and then clicking export -> copy embed and switch the embed mode from url to html
Really useful thanks!
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.
So awesome and though pretty quick, u can’t import pre designed titles or text and buttons? Amazing final result
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
It seems like to use framer properly, you need to know css to some extend. Is it right?
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
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
why does the spline design take time to load?
Bro just used ctrl+c & ctrl+v combination. IN 7 MINUTES!
do we need to alter the embedded link. coz the whole frame is coming inside framer .
Remix it and export the url from ur profile
got it thank you :)@@SaloniT-yg8tl
Hey how can i do this
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.
Have you checked out Matt Jumper’s recent Framer videos on our channel?
Not working, try to explain in details
This is literally a guide to using other people’s work?
How is this in any way impressive?
You don’t use unsplash, pexels, google fonts, literally any other tool?
@@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
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?
The purpose of Spline is to use their library of 3D renders. Spline intend for Framer designers to do this exact integration