Award Winning Website in Framer (Loop Effect Tutorial)
Вставка
- Опубліковано 9 лип 2024
- Winning website awards isn't easy. But using Framer to steal those websites? Pretty easy.
In this video we do it in under 5 minutes.
🔴 Working File: timgabe.com/resources/award-w...
Timecodes
00:00 Intro
00:40 Graphics
01:40 The Butterfly
03:08 Other Elements
03:47 The Text
#framer #framertutorial
➡️ QUESTION - Have a question about UI, UX or Product Design? Designing websites in Framer? Or Anything Else? Post in the comments section of this video-I’m happy to answer!
Hey Tim. I'm relatively new to framer and I was always procrastinating to learn but this video is unbelievably funny for me and it makes the tutorial fun. Keep up the good work. Thank you so much
that's so cool to hear! thank you!!
you are the teacher I didn't know I needed! awesome stuff!!
haha, that's amazing to hear!!
That was fun and fast! Would love to see more content like this
haha, sometimes you have to hurry!! happy you liked it, Alryada! 😃
I turned on all notifications just for this tutorial. Great job.
that's awesome to hear, my friend!!
Hey Tim! Love your design content, especially the Framer tutorials. There's a lack of Framer resources out there, would you consider creating a full Framer course (Paid)? I'd be more than willing to invest in such a valuable learning opportunity.
I agree. I would join such a course as well!
hey Leslie! 😃 I'm actually in the early stages of ideating a Framer course.
will be creating the curriculum based on feedback from the community, so if you wanna help shape the course you can follow me on Twitter - twitter.com/timgabedesign
will start posting about this in about a month! ☺️
happy to hear it, my friend! you can be part of building the curriculum for the course on Twitter 😃 will start posting about this in about a month!
Hey Tim, exciting news! 😃That's how Framer started building with the community. Twitter (or X?) followed!
@@TimGabe so what happened??
Amazing Idea for tutorials.
thanks a lot Shakoor!!
I love this concept. Where are upload all assets in original website.
Tim if you can continu this concept with different awward winner please !! Its just AMAZING
thanks my friend 😃 I have a couple of award winners in the pipeline!!
More pleaaase. Also, do you know if it’s possible in framers to have a horizontal scroll with arrows to actually slide and show the hidden.. probably cards?
thank you for the comment Kim! do you mean a carousel?
@@TimGabe yes, however the carousel in framer is a stock. Only shows picture. So they’re regarded as “one”. They’re not built for cards that have actual buttons and links!
Supper cool ◡̈
happy you liked it Abdul!
hi Tim your videos are always awesome 👏 but I wonder why there is no UX process related videos ?
thank you so much Huyen! 🙏 for now I'm very focused on tool specific videos, but maybe there'll be more UX stuff in the future!
Greetings Mr Tim Gabe ,my dear friend, thank you for the quality content, when will you visit me in South Africa, it's joyous festivities, we worked and gave quality output to our clients.Come visit for relaxation and peace of mind.
hey my friend! south africa would be super cool!! maybe something for the future 😃
That’s great news 🎉,Mr Tim Gabe ,have a merry festive time with your family🎉. Currently working on a framer project,as soon as I’m done ,I’ll share it with you.🎉
You are the best 😢
really appreciate that, even though i'm not sure it's the case 😃
Hi boSs ! Just insane your title and your work 😂. Just 5 min..i would like make like you , how you have take all assets on original version ?
haha, a real thief!!
to grab the assets you have to go into the inspector panel (I'm using Brave Browser), then you have to dig down so that you actually select the image (you might have to remove HTML elements to get there) and then you just click the link!
Hi tim gabe, i have a trouble. I would like to know how your parent butterfly effect when you click on effect you see anything , when i recreate your tip, this butterfly still appear in my design like as a butterfly statik behind two butterfly in movement.Can you help please.
hey Florian! I'm not sure I understand the question fully. is your butterfly not flapping its wings?
@@TimGabe sorry, i didn't know when i was look your video that your butterfly was cut on two part.
Now its good
This could be made with figma??? I want to do a similar animation but its for a college proyect and its necessary use figma
Or I can paste what I make in framer to figma??
That was freaking Fast.....
haha, no time to waste!!