I literally gasped watching the first demonstration. This is a great tutorial, thank you so much!
@mattjumper
Жыл бұрын
Hah thank you!
@jaywalker.
2 ай бұрын
Criminally underappreciated channel. First time in my life I have ever smashed the Like button
@sameerhussain2579
7 ай бұрын
Matt is a good guy with skills. Subscribed. Framer is the future of Web Development.
@brto
Жыл бұрын
When the algorithm randomly surprise you.. Dood this is spectacular.. Waiting your Playlist on coaching us more trikes .. Got Subscriber.. Keep it 100
@mattjumper
Жыл бұрын
Thanks Ahmed!
@animagix
Жыл бұрын
Love the mouse motion blur
@mattjumper
Жыл бұрын
Thanks - got ScreenStudio to thank for that:)
@Benga-Eno
Жыл бұрын
That was some Webflow-level stuff bro lol nice! It's always amazing to see that you can do the most amazing stuff once you have the knowledge, even with "simple" tools like Framer. Great video bro!
@mattjumper
Жыл бұрын
Thanks Ben!
@pjborowiecki2577
Жыл бұрын
Love it! Can't wait for more design- and dev-related content from you
@mattjumper
Жыл бұрын
Thanks PJ! It's coming, I promise 😅
@xMUSiCLiF3x
Жыл бұрын
love this!! please do a tutorial for making a nice portfolio landing page on framer next!! would be so helpful
@mattjumper
Жыл бұрын
thank you! ok I'll see what I can do. is there any specific section or type of component you'd want to see?
@jasonkwilliamson
Жыл бұрын
@@mattjumper I'm super brand new to framer and even struggling for basics like a infinite scrolling logo bar, can you teach us some basics?
@TimOlukayodeAjayi
Жыл бұрын
Super helpful video. Please keep making Framer Tuts.
@mattjumper
Жыл бұрын
Thank you, will do! 🙏
@kylehumber
Жыл бұрын
Awesome video! I'm pretty new to Framer and learning web design along the way, so more tutorials would be great 😁
@mattjumper
Жыл бұрын
Thanks Kyle!
@holypink4488
Жыл бұрын
Thank you for sharing your knowledge, looking from now for next videos❤❤
@mattjumper
Жыл бұрын
Thank you!
@dannydiscovers
Жыл бұрын
This is incredible! The gradient border hack is so creative
@mattjumper
Жыл бұрын
Thanks Danny!
@manhaki
Жыл бұрын
this design is cool
@prateekkeshari
Жыл бұрын
Super work Matt!
@mattjumper
Жыл бұрын
Thanks Prateek!
@shineydas129
4 ай бұрын
you did great with your video , this is the exact animation i was thinking to get for a website im designing !! lots of love
@forgris-lx5rf
Жыл бұрын
thanks for the vid - keep posting pls!
@mattjumper
Жыл бұрын
Will do. Thank you!
@onigosh6015
Жыл бұрын
Thank you very much for the explanation! It was very easy to understand and the delivery was clear! looking forward for you next tutorial video 💪
@chaya973
Жыл бұрын
I find these very helpful. If you made more framer tutorials... u got a follow.
@mattjumper
Жыл бұрын
On it. Thanks Chaya!
@lfgraf
Жыл бұрын
crushing it, thank you! stay warm in Toronto!
@mattjumper
Жыл бұрын
thank you!! and for sure, it was -20 C last week lol
@isurus0
4 ай бұрын
someone who knows wtf they are doing, nice
@GrowWithDennis
Жыл бұрын
I love the video. Keep making Framer Videos please
@mattjumper
Жыл бұрын
thanks Dennis!
@고담이-w4p
Жыл бұрын
thanx Matt This is what i needed
@mattjumper
Жыл бұрын
Would love to see what you made!
@sultanchaa
2 ай бұрын
This is hella cool!
@clovermk1635
Жыл бұрын
amazing!!!!! thank you man
@mattjumper
Жыл бұрын
Thank you!!
@stewber
Жыл бұрын
That was great, really useful to know some more stuff on framer. Thanks!
@mattjumper
Жыл бұрын
Thanks Stewart!
@PawesomeChuckles
6 ай бұрын
❤ let’s goo fam
@ernestoaragon6765
Жыл бұрын
Awesome! THank you very much for your explanation, can you do a tutorial about your MOD website? it's great!
@vision3690
5 ай бұрын
cool Matt, learned a couple important details!
@GordanaMinovska
Жыл бұрын
Thank you so much for sharing this! It's awesome!
@mattjumper
Жыл бұрын
thank you!
@ronitrajput3934
Жыл бұрын
Thanks a lot for sharing such a cool tutorial. 😊😊
@mattjumper
Жыл бұрын
Thank you!
@alexjthurman
Жыл бұрын
Awesome 👍 Cheers for the tutorial!
@mattjumper
Жыл бұрын
Thanks Alex!
@renzoabianchi
Жыл бұрын
Thanks for the tutorial! Very cool work! 🙌
@mattjumper
Жыл бұрын
thanks for watching + the kind words! 🙏
@faisalamru9067
2 ай бұрын
Hello Matt, I would like to inform you that I am using your web design template for my College project, and I sincerely thank you for the tutorial.
@WhoFarted69
Жыл бұрын
THANK YOU for making the CURSOR SO BIG!!! 😃
@Samibravo832
Жыл бұрын
Was recommended this, glad I was! 👏
@olalekanisaac4342
Жыл бұрын
Super good!
@mattjumper
Жыл бұрын
thank you! 🙏
@malock11
Жыл бұрын
Awesome work Matt, this was really good for your first video! Keep up the good work and looking forward to more Framer videos. Quick question, what browser are you using?
@mattjumper
Жыл бұрын
Thank you! I'm using Arc by The Browser Company (arc.net). Currently it's invite-only but if you DM me on Twitter (@mattjumper) I can send you one.
@fbvitorino
6 ай бұрын
Isso sim é um conteúdo que vale inscrição! Parabéns pelo trabalho👏🏻👏🏻
@asitupadhyay5647
Жыл бұрын
this is amazing looking forward for more amazing stuff🤩🤩
@alsjourney
Жыл бұрын
thats so sick man. Would love a collab with you one day !
@donaquin
Жыл бұрын
Thanks!!!!
@mattjumper
Жыл бұрын
🙏
@md.jahidhossainmridha6453
Жыл бұрын
Great content 😊
@hasmar.
Ай бұрын
insane bro
@spetauskas
2 ай бұрын
if you made photo zoom in just a little bit, when scrolling out of frame, it would be 100 times better effect :)
@AndresGutierrez-sz2oc
Жыл бұрын
Awesome!!!
@mattjumper
Жыл бұрын
Thanks Andres:)
@davidcapuzzo
Жыл бұрын
Great tutorial! Hope you post more videos that are a bit more beginner friendly
@yamix.brands
8 ай бұрын
i loved that video exactly the technicals & the way frames works as needed i would love if you share the text to logo like in your website i tried to do it today for 3 hours thinking about it & i couldn't reach it haha ❤❤
@NikhilKumar-f2b7h
2 ай бұрын
super helpful man,
@ariakepo
Жыл бұрын
thank you for sharing, greetings from indonesia
@mattjumper
Жыл бұрын
Greetings + thx for the comment!
@WyseOwls
Жыл бұрын
Hey Matt, this is awesome, thank you! I just dropped a follow on Twitter
@Bananshak
7 ай бұрын
great content, keep posting.. thanks
@erimoitinho
11 ай бұрын
Hey @mattjumper, thanks for the tutorial. I am trying to replicate it but with the hero section being in the middle of a long page. I couldn't find a way to make it work due the fixed positioning. Ay tips would be appreciated 😂
@dimitrygalamiyev1133
Жыл бұрын
SO HELPFUL !!!! 😍
@mattjumper
Жыл бұрын
♥
@shivamrai979
Жыл бұрын
Love the interaction Matt and the tutorial was also super useful. Looking forward to more framer tutorials. Could you tell me which tool did you use to record your screen in 4k? Coz mine always gets compressed & quality drops when I post it on Insta or twitter
@mattjumper
Жыл бұрын
Thanks Shivam! It's screen.studio
@iklxsss
Жыл бұрын
I just need to recreate the same effect of the body scrolling overtop the hero page. for the life of me, I cannot figure this out
@DVikingMan
5 ай бұрын
Did u ever figure it out?
@lodeluyckx
7 ай бұрын
Looks great!
@oussamajaafar5287
Жыл бұрын
greaaaaat bro
@thewebstylist
11 ай бұрын
Beautiful!
@rajuprithvi
Жыл бұрын
Awesome!
@mattjumper
Жыл бұрын
Ty!
@AmjadKhan-rz6nu
Жыл бұрын
Love it 🎉🎉🎉
@mattjumper
Жыл бұрын
@MACH_SDQ
5 ай бұрын
Very gooood
@yoka_bit
Жыл бұрын
Love it ❤Can I use this idea for my next website project?
@mattjumper
Жыл бұрын
Yes go ahead!
@marianlucas6212
Жыл бұрын
Maybe the best tutorial I have seen in a while 🙌 DO you know of any good way to scale buttons, or other elements like I can do in Figma with (CMD+K) ?
@mattjumper
Жыл бұрын
Thank you! Nothing like that exists inside Framer, but in CSS you can use the transform scale property.
@양지선-l1d
2 ай бұрын
Nice work! I love it. I want to interact by clicking on the asset in content layer, but the wall layer blocks it. Do you know the way how to click on the asset in content layer?
@guidoparacolli4112
8 ай бұрын
hi, thanks for sharing the work, I would like to know how to insert a collection of works or a grid of images after the animation of the arc. you are so helpfull
@avelinileva
10 ай бұрын
TOP!!!!
@Yoyobeats.98
4 ай бұрын
Can I ask something? from where did you learn all this? how do you know when all these layers need to get positioned and all? how do you even remember that?
@oussamajaafar5287
Жыл бұрын
keep going i give u a subscribe bro
@mattjumper
Жыл бұрын
thank you! you got it
@AmjadKhan-rz6nu
Жыл бұрын
Please make full tutorial ❤❤❤
@mattjumper
Жыл бұрын
what would you like to see?
@AmjadKhan-rz6nu
Жыл бұрын
@@mattjumper please make more videos like this on all sections and let me remind you, most people including me are searching for web animations from figma to real so your channel will grow and people will love it I m sure
@DVikingMan
5 ай бұрын
Is there a way to do this but maybe with a window instead of the arch?
@apoorvaagarwal6051
11 ай бұрын
Matt could you please help in understanding why did we create separate stacks for hero-scroll-1 and hero-scroll-2 when we placed all the content inside hero stack
@mattjumper
11 ай бұрын
the hero content is set to fixed, so we are using the hero-scroll-1 and -2 that are set to relative to basically take up the same amount of space for the scroll and control scroll triggers
@NidaKazi-e6b
2 ай бұрын
When i try the subtract on mask and bg it dosen't give me the same result as you, it instead cuts of both the parts and i'm only left with the arc. what am i doing wrong?
@tahafurkanguler4823
21 күн бұрын
After doing the subtract operation, make the border radius of the mask 800px again and it will be fixed.
@gtsb
Жыл бұрын
Great video! Is there a reason you'd export the arch as a PNG instead of an SVG?
@mattjumper
Жыл бұрын
Thanks! I agree an SVG would be better (both quality and file size) but I found vectors in Framer are a bit finicky especially when scaling. If you can get an SVG to scale properly in there I'd definitely do that.. just didn't want to make the tutorial any more complex.
@timdekker1770
Жыл бұрын
I'm busting my headaround this. Not sure how to do this in Figma, but is there a way i can create a different shape instead of a Arch? I'd love to get this to work with let's say a Lightbulb i created instead...
@timdekker1770
Жыл бұрын
Oh and btw, love the content. Super smooth and very clear instructions!
@mattjumper
Жыл бұрын
Yep, pretty much would go about it the same way as in the video. Make a frame, drop in your graphic and fill in all the space outside the negative space. Will likely need to use the exclude option.
@guapshonen
Жыл бұрын
Hi, quick question. As a brand designer i just started learning framer, do you think learning figma is necessary first? As framer started as a prototyping tool
@mattjumper
Жыл бұрын
If you’re a brand designer what are you trying to achieve in Framer? I’d imagine all your work would be done in Figma.
@guapshonen
Жыл бұрын
@@mattjumper creating websites for clients without having to face webflow's learning curve. I do most of my brand design work with illustrator
@mattjumper
Жыл бұрын
@@guapshonen Oh gotcha - I'd still recommend learning Figma tbh as it brings a lot of value beyond just designing a website (90% of my brand work is done in Figma now)
Пікірлер: 126