Пікірлер
@rafiktekari
@rafiktekari 2 күн бұрын
Really good, and easy one
@tonjrv
@tonjrv 2 сағат бұрын
Awesome to hear that mate 🔥
@petermichael604
@petermichael604 3 күн бұрын
IM NEW TO FRAMER!! THANKYOU SIR FOR THE TIPS FROM PHILIPPINES!!!💯💯💯💯
@tonjrv
@tonjrv 3 күн бұрын
Welcome to Framer family mate! And no worries at all🔥
@alyssssaly
@alyssssaly 6 күн бұрын
How did you duplicate animated border card frame? When I do it, I can't edit the gradient border rotation on duplicated frame
@Prawn44
@Prawn44 7 күн бұрын
Can you also make custom timeline in framer or do you use framers preset
@tonjrv
@tonjrv 5 күн бұрын
I think that would require some code override to work properly, so I think it's safer to use the preset here. But this could be nice to explore at some point!
@adammann42
@adammann42 8 күн бұрын
Just tried this, worked perfectly. Thanks for the videos 👍
@tonjrv
@tonjrv 7 күн бұрын
Awesome to hear that mate! 🔥
@adammann42
@adammann42 8 күн бұрын
Great video overall! But man that camera constantly zooming around is disorienting 😵‍💫 haha. Good content though 👍
@tonjrv
@tonjrv 7 күн бұрын
Great feedback! I'll aim to reduce motion in the upcoming videos 🫡
@danilokrauspe
@danilokrauspe 10 күн бұрын
This is amazing! Thanks for sharing!
@tonjrv
@tonjrv 10 күн бұрын
Awesome to hear that mate! 🔥
@dramaticambience3512
@dramaticambience3512 11 күн бұрын
Totally love your content. Please keep posting! And btw, how do you screen record with those mouse and zoom animations??
@tonjrv
@tonjrv 10 күн бұрын
Thanks a lot mate, I will do so! 🔥 And it's all done with ScreenStudio, it's super easy to use. You can check it out from here: screenstudio.lemonsqueezy.com?aff=zXV1p
@dramaticambience3512
@dramaticambience3512 9 күн бұрын
@@tonjrv Thanks man! <3
@scottschoen3362
@scottschoen3362 11 күн бұрын
Best order for me to understand would be showing what you will accomplish with steps>then show how and slow up and explain why each step is chosen
@tonjrv
@tonjrv 11 күн бұрын
Great feedback and that totally makes sense! I'll aim to include this into my future videos 🫡
@bhagyalakshmi-gv2hg
@bhagyalakshmi-gv2hg 12 күн бұрын
Thank you for this tutorial
@tonjrv
@tonjrv 12 күн бұрын
Great to hear you enjoyed it! 🔥
@shishir5285
@shishir5285 13 күн бұрын
Good sir u are just awesome. I have a query, instead of shadergradient its showing 'the graphic context has been lost.' Can u help me.
@shishir5285
@shishir5285 13 күн бұрын
Awesome work buddy. I have a query, instead of showing gradient, it's showing 'gradient context has been lost'. Can u please help me
@tonjrv
@tonjrv 12 күн бұрын
Thanks a lot mate! Is this message coming in framer or when publishing the site? You could try to redownload the component through Shadergradient website.
@shishir5285
@shishir5285 13 күн бұрын
u are awesome
@tonjrv
@tonjrv 12 күн бұрын
Thanks a lot mate! 🔥
@manjirid
@manjirid 14 күн бұрын
I followed the same steps except I linked it to different pages on my website and it is not working. It only shows up on hover. Any reason this could be happening?
@tonjrv
@tonjrv 14 күн бұрын
Unfortunately for the time being this only works on the same page, since when you change page the Framer loads the component again and therefore the animation doesn't work. You could perhaps make it so that the background is responsive to hover states and then when you change the page the transition feels smoother!
@tanay_sankhe
@tanay_sankhe 14 күн бұрын
Thank you for this tutorial, Toni. 🙌 How can we make this nav design responsive? Do we need to create a new component for the tablet and mobile version?
@tonjrv
@tonjrv 14 күн бұрын
No worries mate! 🔥 Yeah to make it responsive you can either do a new component or you can just do separate variants for mobile inside the same component
@tanay_sankhe
@tanay_sankhe 13 күн бұрын
@@tonjrv Thanks for the reply. Looking forward to more tutorials from you.
@kimcruz3889
@kimcruz3889 17 күн бұрын
you're so good! subbed! 😁
@tonjrv
@tonjrv 17 күн бұрын
Awesome to hear that! Welcome aboard🔥
@NoelDanielAlcantara-qx1pu
@NoelDanielAlcantara-qx1pu 19 күн бұрын
Shadergradient doesnt appear in my canvas and in live how to fix this
@tonjrv
@tonjrv 19 күн бұрын
Hi, If you try to copy-paste the Framer component directly from: shadergradient.co are you still facing the issue? Other solutions could be to check the z-index values that it's not places below any other layer. I just tried it myself and it's working for me. But let me know if you still face the issue and I'll try to help you out ✌️
@Anotherfouad
@Anotherfouad 19 күн бұрын
This is exactly what I was looking for ❤ thank you. Subscribed!
@tonjrv
@tonjrv 19 күн бұрын
Awesome to hear that mate! 🔥
@alexander99099
@alexander99099 19 күн бұрын
Thanks for the useful information and lesson. But unfortunately, by the end I felt nauseous from the constant super fast camera movement.
@tonjrv
@tonjrv 19 күн бұрын
Thanks a lot for the feedback! 🙏 I'll try to reduce movement for the upcoming videos
@DennisUvokeke
@DennisUvokeke 19 күн бұрын
I truly enjoyed your video. Thanks Toni
@tonjrv
@tonjrv 19 күн бұрын
Awesome to hear that! Thanks Dennis 🙏
@tudorbratu9251
@tudorbratu9251 20 күн бұрын
Great video!
@tonjrv
@tonjrv 20 күн бұрын
Thanks a lot! 🔥 🔥
@BerkayBB
@BerkayBB 20 күн бұрын
Great job on this video! It was incredibly helpful and provided exactly the information I needed. What's the name of the app you use to screenrecord with the smooth zoom-in and zoom-outs by the way ?
@tonjrv
@tonjrv 20 күн бұрын
Thanks a lot mate! 🔥 And it's done with ScreenStudio, you just need to record your screen with it and it's super easy to use. Check it out from here: screenstudio.lemonsqueezy.com?aff=zXV1p
@digital_kamil
@digital_kamil 20 күн бұрын
And that's a really useful video! Especially this booking calendar!
@tonjrv
@tonjrv 20 күн бұрын
Awesome to hear that Kamil! 🔥
@viking.karwur
@viking.karwur 20 күн бұрын
Thanks Toni. #TeamBreakdance ✅
@tonjrv
@tonjrv 20 күн бұрын
Thanks a lot mate! 🔥
@user-xz5dw1bk7p
@user-xz5dw1bk7p 20 күн бұрын
very helpful video thaaaaaaanks
@tonjrv
@tonjrv 20 күн бұрын
No worries! Awesome to hear that 🔥
@manikandang1843
@manikandang1843 20 күн бұрын
Thanks for creating such amazing content, Toni! Keep up the great work!
@tonjrv
@tonjrv 20 күн бұрын
No worries mate, I'm happy to hear that you like it! 🔥
@glagraphy6533
@glagraphy6533 21 күн бұрын
this video is lit.. is there any option to put on our websites instagram profile feed?
@tonjrv
@tonjrv 21 күн бұрын
Thanks a lot! 🔥 I was supposed to include that to video and that used to be possible. But their embed option didn't work for me earlier so it's not included here. But you can try to navigate to IG profile on desktop, and press from the settings icon and there should be option to "Embed".
@glagraphy6533
@glagraphy6533 20 күн бұрын
@@tonjrv i tried that the last year and did not work neither, i look for the instagram API and meta quit that option to, but thank you a lot for give me your opinión i like a lot your content, stay pushing it!
@softar1717
@softar1717 21 күн бұрын
Good content as always bro. 100%. 100%.
@tonjrv
@tonjrv 21 күн бұрын
Thanks bro! Awesome to hear that 🔥
@geekhacksandtricks
@geekhacksandtricks 22 күн бұрын
I tried today but there is no appear option in framer now.
@tonjrv
@tonjrv 20 күн бұрын
Hi! Appear option should be visible when you select element and press from "Effects" on right-side panel. Let me know if you still have this issue. ✌️
@geekhacksandtricks
@geekhacksandtricks 19 күн бұрын
Thanks for your response bro. I got it now
@shmiraj7028
@shmiraj7028 22 күн бұрын
source code link?
@tonjrv
@tonjrv 22 күн бұрын
It's done in Framer so no code needed. ✌️
@MaxWeir
@MaxWeir 23 күн бұрын
Great tutorial, thank I’m getting into Framer and wondering do you have a basics video for newbies? Also love the video editing too, how do you record this and especially the movements around the screen?
@tonjrv
@tonjrv 22 күн бұрын
Thanks a lot mate! 🔥 I've been planning to do a proper "How to get started" video at some point, but haven't managed to do so yet. But you can find the "Framer for beginners | Tutorials" playlist from my channel that includes some videos that are perhaps bit more targeted towards beginners. And the video is recorded with Screen Studio, it automatically tracks your mouse movement and makes videos like this super easy to create! You can check more from here: screenstudio.lemonsqueezy.com?aff=zXV1p Btw, I'd love to hear if you have any specific video ideas in mind ✌️
@eliasbauer3582
@eliasbauer3582 26 күн бұрын
great video, how do you create such smooth animation with your mouse?
@tonjrv
@tonjrv 24 күн бұрын
Thanks a lot! It's actually super easy, I use Screen Studio for my videos. You can check it from here: screenstudio.lemonsqueezy.com?aff=zXV1p
@bennystuehler
@bennystuehler 29 күн бұрын
there is a slight problem when the navbar is sliding to the top, the content in the navbar area is not clickable anymore. do you have a fix for this?
@tonjrv
@tonjrv 26 күн бұрын
Hi not sure if I understood correctly. Do you mean that when you move your pointer back to the top of the green you'd like the nav bar to come back? ✌️
@MrStuckone
@MrStuckone Ай бұрын
word of advice, too much zooming in and out and panning on the screen. I watch tutorials sped up and the constant movement is hard on the eyes
@tonjrv
@tonjrv 26 күн бұрын
Thanks for the feedback! I'll try to make it better in the upcoming videos 🫡
@MarcinBauer
@MarcinBauer Ай бұрын
How to make the menu appear on hover when it's out of view?
@tonjrv
@tonjrv 24 күн бұрын
Great question! I haven't tried it, but I think you need two variants for this. And you have to add interaction between these two to make it work. I can try to play around with this at some point 👍
@sameernikhil6990
@sameernikhil6990 Ай бұрын
How to assign a website link to a button in framer??
@tonjrv
@tonjrv 26 күн бұрын
Hi, just select the button layer and you should find the "Link" menu from the right-side menu. 🙌
@IsraelOluwaleke-wt7yi
@IsraelOluwaleke-wt7yi Ай бұрын
Thanks bro😎
@tonjrv
@tonjrv Ай бұрын
No worries mate! 🔥
@eba-rave7509
@eba-rave7509 Ай бұрын
Thank you again, Toni, for sharing such valuable info with all of us! This tutorial was exactly what I was looking for for my project! 🙌🌟
@tonjrv
@tonjrv Ай бұрын
Awesome to hear that and super happy to hear that this was useful! 🔥
@-The-Golden-God-
@-The-Golden-God- Ай бұрын
This is so absurdly complicated compared to Elementor.
@tonjrv
@tonjrv Ай бұрын
Hey! That can be the case, do you have a resource showing how it's done in Elementor? If you haven't tried Framer I recommend you to try it out mate!
@-The-Golden-God-
@-The-Golden-God- Ай бұрын
@@tonjrv In Elementor, you just make a nav bar (drag and drop) then set an anchor point (drag and drop onto page) to each nav bar item. My first ever website was a simple one page layout with this kind of navigation and it only took a couple of minutes to set up. I've been messing with Framer since yesterday and it seems more convoluted than Elementor. The only thing I prefer about Framer is having the desktop, tablet and mobile layouts all visible at once. The free version of Framer apparently doesn't allow me to use my existing domain, which means I need to pay for Framer, on top of what I'm currently paying to host my domain. Elementor does this for free, as it's using Wordpress. Framer free also forces a banner. Elementor also benefits from a plethora of free 3rd party add-ons.
@tonjrv
@tonjrv Ай бұрын
Sounds nice! And does it animate the nav bar when scrolling?
@-The-Golden-God-
@-The-Golden-God- Ай бұрын
@@tonjrv I'm pretty sure that you can do it in Elementor Pro, but I use the free version. The free version definitely highlights the menu items, but I don't think it has the subtle transition animation. But as Framer free locks me out of key features, I wouldn't be able to utilise that tool anyway.
@aveshmishra2418
@aveshmishra2418 Ай бұрын
Thta really fab bro ❤ loved to see it 😊
@tonjrv
@tonjrv Ай бұрын
Thanks mate! 🔥 If you want to preview and download it, here's the link: appverse.framer.website
@johnernellealba7440
@johnernellealba7440 Ай бұрын
🔥
@tonjrv
@tonjrv Ай бұрын
Hi mate, you can preview and grab the template for free from this link: appverse.framer.website/
@saurishlahiri5848
@saurishlahiri5848 Ай бұрын
Copy paste to framer is not working :(
@tonjrv
@tonjrv Ай бұрын
Hmm sounds bad. I just tried it and worked for me at least now. Perhaps try again and let me know how it goes. 🙌
@JAY001SF
@JAY001SF Ай бұрын
Hello Friend, Toni, This was awesome, Im a new website designer and I would like to lean this skill from you and in return I could do some simple time consuming things or grunt work, cold calling etc.. fixing websites. for you at no charge to show you as my skills grow to hopefully earn your trust for some bigger jobs in the furure. Could we talk about a paid training to teach me interactivive Navigation bars, I think this is an essensial skill ffor 2024 and onward and i wold be willing to pay for the training also. Please let me know if we can talk . Thank you Jay. Your the best , You are the only one I seen that shows this process.
@tonjrv
@tonjrv Ай бұрын
Thanks a lot mate, I appreciate your comment! 🔥 Unfortunately at the moment I'm also working as a sole designer, but I'll keep you in mind if I have expansion plans in the future. Keep it up mate!
@JAY001SF
@JAY001SF Ай бұрын
@@tonjrv Thank you much
@BerkayBB
@BerkayBB Ай бұрын
For some reason it does not work in Safari for Mac.. When I upload a video myself and tap the play button it doesn't play the video. But it works on Chrome, though. Very weird..
@tonjrv
@tonjrv Ай бұрын
Sounds weird. I checked my components and they work normally also on my Mac/Safari combo. 🤔
@samuri2011
@samuri2011 7 күн бұрын
it might not play if you have audio on. If you mute the audio, It might work, then allow viewers to decide if they want audio with the volume control.
@yasharyan4198
@yasharyan4198 Ай бұрын
That was awesome.Thanks for the vid!
@tonjrv
@tonjrv Ай бұрын
No worries, awesome to hear that you enjoyed it 🔥
@theojoly2940
@theojoly2940 Ай бұрын
Hi! Thank you for the quality content. Do you know how to apply this effect to a sentence that contains several lines? Since in this case, it is not possible to interchange the place letters because it completely distorts the sentence 😬 it seems to me to have already seen this effect on sentences, there must be a technique 🙏🏼 thank you in advance!
@tonjrv
@tonjrv Ай бұрын
Thanks a lot! 🔥 I haven't tried it myself on multiple lines, but you could try stacking the components on top of each other and that could work 🙌
@sstar1021
@sstar1021 Ай бұрын
하얀배경에 하얀글자.....
@tonjrv
@tonjrv Ай бұрын
안녕하세요, 이는 Framer의 기본 테마를 사용했기 때문이며 흰색 텍스트는 어두운 배경에 사용되도록 의도되었습니다. 텍스트 색상을 원하는 대로 변경할 수 있습니다. ✌️
@eba-rave7509
@eba-rave7509 Ай бұрын
I'm so happy that I finally found what I was looking for! Thank you so much, Toni, for the great value you share with us!
@tonjrv
@tonjrv Ай бұрын
Awesome to hear that and no worries at all! 🔥 Let me know if you have any questions!