- 3
- 87 533
Matt Jumper
เข้าร่วมเมื่อ 29 ก.ย. 2011
Creating a custom language selector dropdown in Framer
Framer just released their Localization feature which allows you to setup multiple languages on your Framer site, and even have AI do all the translations for you.
In this video I'll show you how to get complete control over the customization of the location dropdown component with no-code.
Remix link: bit.ly/framerlanguageselector
Demo: languageselector.framer.website
In this video I'll show you how to get complete control over the customization of the location dropdown component with no-code.
Remix link: bit.ly/framerlanguageselector
Demo: languageselector.framer.website
มุมมอง: 4 605
วีดีโอ
Aesthetic video hero with sticky scroll tutorial in Framer (No-code)
มุมมอง 16Kปีที่แล้ว
Sup everyone! I'm back with another Framer tutorial. This time we're making a full screen hero with a fixed video background, a super easy fixed navigation that's always legible, some appear animations, and leveraging the sticky positioning to create a cool scroll effect with some big text. Live demo: 6love.framer.website/ Free remix: bit.ly/hero-video-sticky-scroll Follow me on Twitter: twitte...
Using Figma + Framer to build a smooth mask scroll animation with no code (plus free Remix link)
มุมมอง 67Kปีที่แล้ว
*Remix demo links below!* I'm going to walk you through Framer and how to make a beautiful scrolling archway mask reveal animation - with 0 lines of code! We are also going to use Figma just to create the archway mask image. Figma and Framer are both: - Free (!!) - Require no coding knowledge - Don't even require an app; all browser based! - Allow you to collaborate with others in real-time Con...
Do anyone have Code for this ?
Is drake related website developed by you matt?
Man your content is really helpful and great! Keep creating!
What app do you use for the clean video-recording background shot?
insane bro
Please, tell me more about how to draw the flag Emojis. (You jumped to a conclusion without talking about this.) Thank you so much
if you made photo zoom in just a little bit, when scrolling out of frame, it would be 100 times better effect :)
Hey Matt, thank you for this tutorial, i want to ask you if this type of website can work for products
This is hella cool!
I've tryed this tutoural 4 times now, dived into the comments for fixes. Really not sure what the issue is the body just wants to take over the hero regardless of z index, postion type.
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.
Criminally underappreciated channel. First time in my life I have ever smashed the Like button
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?
After doing the subtract operation, make the border radius of the mask 800px again and it will be fixed.
super helpful man,
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?
someone who knows wtf they are doing, nice
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?
you did great with your video , this is the exact animation i was thinking to get for a website im designing !! lots of love
cool Matt, learned a couple important details!
Goooood
Very gooood
Is there a way to do this but maybe with a window instead of the arch?
How to make video responsive?🙁
did you figure this out?
Isso sim é um conteúdo que vale inscrição! Parabéns pelo trabalho👏🏻👏🏻
❤ let’s goo fam
What screen recoder software are you using for this video? it's cool
screen.studio :)
Nice, thank you 😁@@mattjumper
great content, keep posting.. thanks
I subscribed to your website. However, I did not receive the files of this tutorial
there shouldn't be any issues there, did you click on the free remix link in the description and follow the instructions?
@@mattjumper Hello Matt, I clicked on the free remix link.However, I prefer to have a file of the assets to start from scratch. Anyway, Congrats on your new course
Looks great!
this only works on the pro locale plan which is $40/month fyi
Well, this sucks...
yepp :( is there anyway to do the same without having the locale pro plan? I need only for 2 languages and less than 5k words, so itsnt worth paying for it
Matt is a good guy with skills. Subscribed. Framer is the future of Web Development.
Man, why you stop to making video on framer. I love your tricks
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 ❤❤
Does anyone know how to replicate this concept for many page sections? I have it working on the initial video - scroll to section, but what about another video scroll type section underneath it? If the positioning is absolute only, how do we replicate this.... 2-3 times on the webpage?
You could use position sticky instead of fixed, and just remove the offsetting invisible container :)
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
bro made the best tutorial on framer so far but fu*cked up at 8:07. it's been 16 hours still haven't figured out the body thing. tried adding body but not showing in preview. damn it.
Create a new stack and place it under the "hero content" stack (make sure it's under and not in it). If the height is set to fit you need content for it to actually scroll to, so for testing purposes you could put in a bunch of placeholder content or set the height of it to 100vh (the full height of your browser) to ensure it scrolls
@@mattjumper thanks bro I made it.
Broooo you did a big mistake in beautiful tutorial, it was going awesome until the point 8:07 where you said 'I already made a body previously' bro you shouldn't have made it previously. Now I can't figure out how to create body below hero section. I created body but it's not showing in preview. I'm STUCK after following nicely for 8 mins. please help bro. Reupload a video with how to add body below sticky scroll. PLEASE BRO.
I had the same issue. In your "desktop" stack at the top, make sure it's a vertical stack, then add a section as normal. once you create the content you like, it should work from there.
TOP!!!!
Just went through all your videos and the madebymod site. Wow. Incredible work and I'm feeling super inspired. That's the kind of work I want to create. Looking forward to more tutorials!
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
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
Its only showing FR instead of icon? Rest of things are working.
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 😂
Beautiful!
thanks a lot this video is what i want to do : )
Amazing!
Gee that was quick
THANK YOU for making the CURSOR SO BIG!!! 😃
this is amazing looking forward for more amazing stuff🤩🤩
Amazing content! I will definitely sub-
Hii, please create a video for framer position property and uses