Hey there, welcome to Framer University!
I'm Nandi, and I'm excited to show you how to create stunning websites with Framer - the most amazing no-code website builder for designers.
On this channel, you'll discover everything you need to know to master Framer, including in-depth tutorials and beginner's guides.
If you're looking to learn about interactions and cool effects on the web, UI design, or other web design skills, I've got you covered.
Happy building!
Пікірлер
Superstar🙌🏼
Great timing. Literally started framer this week and noticed that the option wasn’t there
it's because rounded buttons don't support gradient borders in code....or something like that :D
Yep!
Thank you for this great workaround! I'm not sure why correct section titles are not being shown in the video though 🤔As I see it time stamps are included perfectly right in the video description though, there must be some kind of glitch, which is not a big deal, since you demonstrate the workaround in a really clear way, thank you 😊👍
Thanks for the feedback man! :) Chapters showing up correctly for me. Must’ve been some bug.
@@framer.university Ah thankfully now they look fixed to me as well, agree, must have been some bug 🙌
i don't know why he use 2 shapes, this can achieve with one shape
explain
correct, just add fill color to black on text so you dont need second shape for the black one. thanks me later
Lemme know how.
Yo, I am new to this and i did not catch what you said when you were saying where to put the frame…. All i was able to get was “cut and paste it. . . breakpoint.” if you could clarify and share some insight on where you pasted it. Thanks!
HAX Been figuring out all sorts of puzzles myself. Fun stuff.
It is fun :)
it looks weird when i zoom out to 80% on my site
What do you see?
Amazing tutorial! But such a difficult and not intuitive way for framer to do something that should be simple as just adding a border. Really. I love framer but these things ... 😅
Adding a border is simple, and you can simply do it in Framer. Adding a gradient border is not, even with code.
Thanks :) Yes unfortunately this requires a bit of workaround. It’s because on the web, you can’t simple just set a gradient color as a border.
Nice! And if we want to make a secondary version without fill and only with the border gradient, we can do it with a few more steps using the mask property, right? (:
Yes, you can definitely use the mask property. I’m not sure if it will work with different labels tho since the button width might be changing and the mask you upload is a fixed svg.
💯 excelent. You're amazing
Thank you so much <3
thank you!
Happy to help mate:)
First comment 😂
The best 🫶
Hi Nandi. I have created this loading animation using a component set and is set on trigger of the home page. However, it also means everytime I go from some other page to Home page, the animation loads. Is there a way where the animation can happen only once for the first time when the user lands?
Yea! Use this override: framer.university/resources/show-once-code-override-for-framer
dammn itt!! the video is worth every ounce.
Are the comments SEO optimized? as far as I know, google uses the comment section to rank content on google based on engagement and interactions of the users with the site. Thanks
Why no one is speaking about custom dobain and hosting for client?
you can export figma to code tho
Still not a website tho
You are Amazing, thanks Nandi
I appreciate you mate 🫶
Thanks a lot Nandi, you just explained the statistics
Hi Nandi ! Hope it's not too late to send you this message. I think one of the most interesting topics you could cover for beginners would be to make a video to learn how to save time by structuring your project in advance (creating your styles, your components, your colors, your typography, etc.) in order to save time and to have a better structured and cleaner project. Thank you
Thanks for the idea Louis! I’ll definitely make a quick tutorial on this! 🫶
YES!!! We're definitely waiting for such video
@@framer.universityone for site optimization and load time too, it sometimes takes a lot when we have multiple 3D embed
Thank you for sharing that great source, so we don't need to dive into some "deep science" stuff while there's an easier way 😊👍
My pleasure mate! Happy to help 🙏
Wow you made it really easy to understand. I feel so lucky I've found your channel. Appreciate your great videos 💯
Thank u so much for your comment, Hoang! I'm glad u find my videos valuable. More to come 🫶
good morning! can we change text information depend on image? for example we wanna news section make like this
Framer need to enhance the search function for templates. I was trying to find one the other day, and its so hit and miss
They'll reintroduce search soon.
Hi Nandi, can you talk about handing over the framer site to the client? Do I just give the remix link and that’s it? What are your tips? 😊 thanks! 🙏🏻
Hey Kim! Here's a little tutorial for you: x.com/learnframer/status/1783447415905026473?s=61
What are your thoughts on creating templates that framer doesn’t have a category for?
For example?
Nice!
Thank you! :)
Thank you for answering my question and your strategy is gold. How would you go about marketing the template? 1. The norm is to submit to various galleries, main one being the framer website. 2. Build in public and share on social media Any other suggestions?
Anytime mate! Yes, correct, these are the two most important things you can do. Another strategy I just heard is running paid ads for templates.
Hey bro! I noticed that in your Resources website (thank you so much btw) the preview button (eye) is not working when trying to visualize it from the resources home. However when you get into the detail page, it works perfectly. Just a reminder for you to fix it! You are the boss 🔥
What additional factors other than number of templates and search volume are reflected in the opportunity score?
Hey there! Great question! The opportunity score mainly looks at two things: the number of templates available and the search volume for each type. But, to make it fair and easy to compare, we normalize these numbers to a common scale (0 to 100). So, apart from just counting templates and search volume, the score reflects how these two factors balance out. A high opportunity score means there's a sweet spot with high demand (lots of searches) but not too much competition (fewer templates). Hope that clears it up!
Yeah one more thing i want to say is there should be a live builds more from you nandi....!!!full fledged one like design code's recent one! sorry if i'm bothering you😂
I'm planning to make longer tutorials in course format! Stay tuned :)
Sure! I'll be looking forward on that.❤
Now it won't be a niche anymore, just kidding hey any updates on logics?when is framer going to launch the much awaited native feature ❤ from Kashmir,love your work!
I'm not part of the official Framer team so I don't know when certain updates will come. Sorry! :) And thanks for the kind words mate <3
Yes, it was helpful. Thank you, Nandi!
Glad it was helpful! :) Thanks for the comment!
My name is Nandi, This is Framer university, Let's get started. ❤️❤️❤️❤️
the good old intro <3
Best line
whats your screen recording software that you're using?
hey! i'm using screen studio :)
I am trying to make a website where you have a bunch of buttons with text in them. when you click the button, you will be transferred to a page with the heading being the same as the text in the buttons. Is there a way to do this without making multiple variants in the component section? I have around 10 different buttons and don't want to make many variants of the same thing but with a different header.
I made the menu but when ever I open it in phone preview, it hides behind the content of the page. How do I fix this?
Hey Nandi! I need help with code override, currently the MailChimp form component in Framer has only one input, I wanna add one more with code override (Using Chat-GPT) but the code isn't working, it does not add the input, even if the code is correct (in the console there's no error at all). Could you help me? Best regards.
hey guys need help with mobile website breakpoint. when i set tap or click to change varients, on mobile it shows blue square on every thing i touch..any ideas?
Great tips, Im a beginner and just learned how to make a basic landing page for myself from your channel. but i come to realize i cant show/upload any of my videos! even if i purchase the pro plan which is way more than i even need, you still wont be able to upload videos as i am a videographer! 20MB you wont be able to show anything, i also tryed the youtube URL way but its a no go!
incredible, thank you !🙏
great tutorial. Best one I've found thusfar
HI, I'm looking to create a QR code to scan and download my resume from framer website. May I know if there's anything like that I can create?
You can use qr-code-styling.com/ to generate a code for the link and add it to your site.
Hi! i was wondering if there's a way to set this up to interact with the CMS and change number of images dynamically? although this probably needs a totally different approach...
Thank you so much for this video! This was the most clear way to understand my biggest struggle in Framer :))
So happy to hear this! What was the hardest part for u?
Thanks mate
Happy to help 🫶
I just added this effect to my current site, and it works, but the rest of the site after this is scrolling under that sticky section. Any way to fix this?
Thanks a lot for providing us a banger tutorial Nandi and framer team ❤🤝✨
My pleasure mate! Glad u liked it:) And btw, it’s just me. Running Framer Uni as independently 🫡
how about update the component so the client itself can delete the unwanted comments?