Now a days im a serious follower of yours. Can you teach about how to add 1. Payment process on Framer 2. Explanation about nested component 3. Useage of form and mailchip 4. E-commers or shopify with Framer 5. I dont know about this component name but i explain, if we move something it will move and settle another place. Click carrom Please make these video❤❤❤
im loving the framer more than the webflow and why there are no any structured courses or playlist to follow from basics to advance please rearange the videos into a course like structure from basics to advance
I’ve got an issue when I did the loop effect. The rotate orientation was bad. For that 3D rotation in Y axis, it was rotating in a straight stack instead of in that 3D curve effect. I really do hope you understand my explanation here😂
@@EdwardAustin Oh no! I’ve not. Have you been able to figure it out either? I tried everything possible but it wasn’t just working for me so I left it and I’m now focusing on some other tasks at the moment.
First of all thanks. This is AMAZING! Second, If i want that when the user press the image it will make the background dark and the photo will scale big and normal, what would be the best and fast process of doing it? Thanks again you're the best in the framer field! :)
Thank you so much for the kind words mate :) Yes, this would be possible. You would need a more complex component structure with variants and interactions. I’ll explore this :)
Nandi, thank you for this amazing tutorial, it gave me an interesting idea to complement my project. I thought about creating these animated cards, without too much of a 3D effect, but when hovering over the card, it would slightly increase in size and show a 'play' button in the center of the card. In the background of the HERO section, the background would activate a video with a certain opacity. So every time the mouse hovers over the card, the video would appear in the hero background. Imagine cards of tourist places with videos of those locations playing in the background. How can I do this?
I am folowing this tutorial however this problem at 10:03 - How do I copy this 3d component to my project file where I am following this tutorial ? (Edit) - Okay I figured it out. Once I drag it into the remix canvas I can copy from there.
Thanks for the kind words :) You can grab the video component from the insert panel, and place it within the image frame, set it to absolute position, pin it to all sides with 0 value.
@@framer.universityThank you so much for your help! 🙌 I'm new to Framer, so I'm still getting the hang of things, but your instructions were incredibly helpful. 😊 Thanks a lot! Looking forward to seeing more amazing videos from your channel. 🎥✨
Hello Nandi! First of all, thank you for all your framer tutorials!🙏 I wanted to ask if the pictures are or can be clickable? Can you link new pages to the pictures?
Hey hey! Thanks a lot for the kind words. Im glad my videos are helping :) Yes, in fact you can make any frame clickable in Framer. Just select the frame, go to the right panel, and towards the top, you'll see the link section where you can add the link.
@@framer.university Thanks for the fast respose:) I already tried to just link the pictures but unfortunately I think Framer does not handle to keep the colliders for the link in the right position while rotating? Are you sure it should work without any problems? Many Thanks in advance!!!
@@thothomoto803 yes you're right. in combination with this 3D look component, links might not behave as expected (also because of the heavy transform in 3D). in that case, i'm sorry to say to you might not be able to add links that are properly clickable to these images.
hi nandi, awesome stuff, i used your video and it work last night the next day i did one change to the the page and it broke, its like the whole 2D group is spinning on the y and not locked to it the same way, i have checked everything, watched your video 2 times and made it in other projects, possible framer made a change or something?
Diving into another great tutorial! Cheers! Nandi any chance for tutorial about page router with page transition like animation covering viewport with dedicated page title? Very popular recently... one more thing - your tutorial on page intro animation was great plus the cookies option...but if i have delayed animation in hero (after intro) there is nothing for that delayed time period (because of the cookie settings to not show in current session)... any workaround to shorten the delay if the cookie is present? AI doesn't really help in case of Framer restrictions.
Any chance you could make a video about Interactions? It appears on the top of the side panel when I'm editing a component, but haven't been able to figure out how to use it, or even what it does. I can't find any documentation about it anywhere!
Hey! You can use it to connect different variants to animate between them on various triggers. Here's an intro to the feature (lmk if it helps): x.com/learnframer/status/1797642783685242963
One thing I noticed is the dragging direction is inversed from the original inspiring website. Is it possible to reverse the drag direction? I mean, right now we are dragging rowards left and the images move to the right.
Now a days im a serious follower of yours.
Can you teach about how to add
1. Payment process on Framer
2. Explanation about nested component
3. Useage of form and mailchip
4. E-commers or shopify with Framer
5. I dont know about this component name but i explain, if we move something it will move and settle another place. Click carrom
Please make these video❤❤❤
number 5 is a called drag-and-drop component
he already made a video about Forms and its useage 👍
Another awesome video, Nandi! I'm learning a lot with you. Thanks for this content! 👍
Just as awasome content as always!
Appreciate it mate 🙌
More of this bro im really motivated by you
Letsgoo broo 🔜
Please build a full 3d website
What do u mean by full 3D?
Have an example? :)
😂😂😂
im loving the framer more than the webflow and why there are no any structured courses or playlist to follow from basics to advance please rearange the videos into a course like structure from basics to advance
hii
@dushyantthakur4373 hi
Awesome tutorial!
Thank u so much :)
This is sooo coooll!!!🤯🤯🤯🤯
Thank you so much 🫶
I’ve got an issue when I did the loop effect. The rotate orientation was bad. For that 3D rotation in Y axis, it was rotating in a straight stack instead of in that 3D curve effect. I really do hope you understand my explanation here😂
Same issue. Ever figure it out?
@@EdwardAustin Oh no! I’ve not. Have you been able to figure it out either? I tried everything possible but it wasn’t just working for me so I left it and I’m now focusing on some other tasks at the moment.
super amazing!!!!
Thank u so much 💙
Framer on top 😤
This is also awesome video like always🎉
Thank you so much mate :)
Brilliant !
Appreciate ya! :)
its realy cool nandy, nice work!🔥
Glad you like it! :)
First of all thanks. This is AMAZING!
Second, If i want that when the user press the image it will make the background dark and the photo will scale big and normal, what would be the best and fast process of doing it? Thanks again you're the best in the framer field! :)
Thank you so much for the kind words mate :)
Yes, this would be possible. You would need a more complex component structure with variants and interactions. I’ll explore this :)
Amazing😍🌸
Thank u so much :)
Excellent Tutorial, is it possible to have the images clickable so you could click on one and it take you to a section lower down?
Yes! You can add scroll sections to sections on your site, and then link the cards to those sections. So on click it will take you down the page.
Amazing Nandi
1:37 sir please explain what have u done it would be great
I pressed ⌥ + ⌘ + Enter to wrap the frame in a stack.
@@framer.university sir I am new to framer can u elaborate a bit it would be great
@@framer.university siri am new to framer so can u elaborate a bit it would be great
@@framer.university sir I am new to framer please can u make a sperate long video for students like me who are unaware of the website feacture
Nandi, thank you for this amazing tutorial, it gave me an interesting idea to complement my project. I thought about creating these animated cards, without too much of a 3D effect, but when hovering over the card, it would slightly increase in size and show a 'play' button in the center of the card. In the background of the HERO section, the background would activate a video with a certain opacity. So every time the mouse hovers over the card, the video would appear in the hero background. Imagine cards of tourist places with videos of those locations playing in the background. How can I do this?
I am folowing this tutorial however this problem at 10:03 -
How do I copy this 3d component to my project file where I am following this tutorial ?
(Edit) - Okay I figured it out. Once I drag it into the remix canvas I can copy from there.
Hey mate! Sorry I wasn’t clear. Glad u figured it out :)
Can you suggest me how can i put Videos in the image frames?..... really appreciate your feedback......your tutorials are always on the next level 👌👌
Thanks for the kind words :)
You can grab the video component from the insert panel, and place it within the image frame, set it to absolute position, pin it to all sides with 0 value.
@@framer.universityThank you so much for your help! 🙌 I'm new to Framer, so I'm still getting the hang of things, but your instructions were incredibly helpful. 😊 Thanks a lot! Looking forward to seeing more amazing videos from your channel. 🎥✨
Thank you for this Video, but how does it behave responsiveness wise? how does it look or work on an iPhone?:)
works perfectly! check the demo on your phone :)
Just to let you know that you are become my mentor
i'm so glad!
Hello Nandi! First of all, thank you for all your framer tutorials!🙏 I wanted to ask if the pictures are or can be clickable? Can you link new pages to the pictures?
Hey hey! Thanks a lot for the kind words. Im glad my videos are helping :)
Yes, in fact you can make any frame clickable in Framer. Just select the frame, go to the right panel, and towards the top, you'll see the link section where you can add the link.
respectively can i let the carousel rotate but still link the pictures to other pages? bit stuck here😅
@@framer.university Thanks for the fast respose:) I already tried to just link the pictures but unfortunately I think Framer does not handle to keep the colliders for the link in the right position while rotating? Are you sure it should work without any problems? Many Thanks in advance!!!
@@thothomoto803 yes you're right. in combination with this 3D look component, links might not behave as expected (also because of the heavy transform in 3D). in that case, i'm sorry to say to you might not be able to add links that are properly clickable to these images.
hi nandi, awesome stuff, i used your video and it work last night the next day i did one change to the the page and it broke, its like the whole 2D group is spinning on the y and not locked to it the same way, i have checked everything, watched your video 2 times and made it in other projects, possible framer made a change or something?
Diving into another great tutorial! Cheers! Nandi any chance for tutorial about page router with page transition like animation covering viewport with dedicated page title? Very popular recently... one more thing - your tutorial on page intro animation was great plus the cookies option...but if i have delayed animation in hero (after intro) there is nothing for that delayed time period (because of the cookie settings to not show in current session)... any workaround to shorten the delay if the cookie is present? AI doesn't really help in case of Framer restrictions.
Any way to do a horizontal scroll section?
is it possible to make exactly like this on webflow?
you're asking under the wrong channel hahah. sorry, i really don't know.
(use framer :P)
Any chance you could make a video about Interactions? It appears on the top of the side panel when I'm editing a component, but haven't been able to figure out how to use it, or even what it does. I can't find any documentation about it anywhere!
Hey! You can use it to connect different variants to animate between them on various triggers.
Here's an intro to the feature (lmk if it helps):
x.com/learnframer/status/1797642783685242963
The carousel isn't visible after publishing the website. How can I fix this?
Have not encountered this issue. Did you follow every step?
One thing I noticed is the dragging direction is inversed from the original inspiring website. Is it possible to reverse the drag direction? I mean, right now we are dragging rowards left and the images move to the right.
Does this allow us to add more than 7 arms?
So I logged back in and it’s all messed up.. how does this happen lol
❤❤❤
i run a cleaning business, how can i implement this to my website, its so cool
Follow the tutorial and remake it on your site.
You can find a remix link in the description.
I can do this for you