6 Webflow Micro Interactions You Can Clone Today
HTML-код
- Опубликовано: 2 июн 2024
- Micro-interactions can help your website feel more polished and professional. These are some of the strategies that experts use to improve their sites. With micro-interactions we can layer unique experiences so the end user is left feeling satisfied, rather than bored.
Here are the links
🛠 Try Webflow 👇
webflow.grsm.io/arnau
Portfolio Lists - Webflow
webflow.grsm.io/portfolio-list
Scroll Interactions - Webflow
webflow.grsm.io/scroll-clone
MM-006: Timed Automatic Slider - Webflow
webflow.com/made-in-webflow/w...
MM-017: Seamless Page Transition - Webflow
webflow.com/made-in-webflow/w...
Kevin Haag - Webflow
webflow.com/@kevinhaag
Liquid Nav Links - Webflow
webflow.grsm.io/liquid-nav141
Daily Direction Micro Interactions - Webflow
webflow.com/made-in-webflow/w...
🚀 Subscribe for more weekly design content
bit.ly/2FQLrO5
🎥 What I use in my videos!
kit.co/arnauros/filming-setup
📄 Bonsai Referral (try for free)
www.hellobonsai.com/invite?fp...
👨💻 Connect with me
arnau.design
🌎 Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
Do you use interactions a lot?
Dude said “it’s my favorite “ for every single of them
theyre all my favourites
These Webflow interactions are so satisfying
I am definitely trying out the portfolio list and scroll interactions. Thanks for sharing this. I just followed you on twitter too. Keep up the good content.
Awesome Parekh, see you there!
thank you man. this is very helpful!
awesome! happy it helped :)
awesome video. thankyou so much!
Thanks for watching! :)
all are just beautiful, but I'd pick the first one as my favorite. BTW, LOVE your content!
Thanks so much 😊
Wow, you said it, you made it!:) Very useful video, thanks. I think the 6th clonable can enrich the site I'm working on right now. Should try it out
Fantastic!
Hi, I don't understand to clone the Seamless Page Transition without cloning all the website. Can you help?
Another valuable video
I appreciate it Sunsi 🙏
Wen i cloned a section into a new project and than copy that whole section and try to put it into my current project, than its broken. the animation is not working etc. is there a way to clone these sections from clonable marketplace with alle the interactions? how can i do it? is there maybe a checklist i have to follow to get it work like it works in the marketplace/clonables?
Thank you Arnau for the resources. Would you recommend me as a beginner to learn to create animations in webflow by myself or just use clonables? Or maybe both?
I'm happy that i discovered your channel. High quality content!
Definitely take the time to learn the animations. If you want to get something out quick theres no harm in cloneables, but you should understand how they work!
@@ArnauRos Thanks for your reply. That sounds like a good way!
@@Haweelthe second one is tagged as Tweenmax, which means it's made with GSAP library. So I'm not sure it's clonable (at least without custom code modification). Most of the really interesting animations are made by professional frontend developers.
Complete webflow beginner here wondering if you could give tips on how to make an awesome 1 product ecommerce store using interactives
thats a good idea!
Which resources/courses you would suggest, who wants to learn Webflow Fast as a beginner?
As a free resource, the webflow uni is amazing, if you want a faster more concise I recommend the flux courses. (not because I do vids on there as well, I bought a course from them before that)
omg you are my saviour. Do you have any tips or nice mockups...? or how to create cool 3d scrollable mockups for webflow?
hey, what kind of mockups ya looking for?
For iPhones and desktop, all the nice that i find I’m supposed to have Photoshop for. But I got inspired by your video of adding 3D from spline in webflow, a mockup like that would be so cool
Hello. I have a few questions that are bothering me. I hope for your help.
1. I have an application form that has a name, state and city. I need a drop down list of states and a drop down list of cities related to the selected state. Can you tell me how to implement this?
2. There will be an order button on the site. After clicking on the order button
3. How do you solve the problem of multilingualism on the site? Do you plug in a plugin or create a separate page with the desired translation?
Hey! I'm not sure I'd need to take a look at the site itself, for n3 theres a few language plugins out there, most are quite easy to set up
@@ArnauRos If you need a design, then tell me where you can send the link?
Can you make a video showing how to transfer one of these interactions over to another website?
Yes! Video is coming up, let me know which one in specific you need help with?
@@ArnauRos How to clone a pageloader would be nice! and also other more complex clonables :)
I want to change the video in a video player through a button or thumbnail it is basic, common on many website how comme it is hard to figure it out how to do it in webflow?
I’m not entirely sure, theres some 3rd party softwares that allow you to customise videos a lot more!
As a student webflow is expensive for me to setup a portfolio site and paying a monthly fees of 18$ (around Rs1500). The amount of animation and quality which webflow has, I could not find any other no code service to provide that. Is there any promo code or any discounts? I cant use my university id to get a student discount as after my graduation my uni email will be terminated. I want to make the website using my personal email id. Any help I can get.
Webflow is very expensive for students, if you can live without it you can publish your site on the .webflow.io domain and use that until its easier to pay for it? I don't know of any discounts readily available :\
Does anyone else has trouble cloning website? no animation happens when I cloned the website. So my process is clone the website and preview, there is no animation or interaction when I preview it
What example are you trying to clone? Some of them are custom code.
What level of programming skills do I need make these interactions?
none, these are with webflow
@@ArnauRos are you sure? Some of them are written using custom code. For example, the second one (created using GSAP). You can clone it and replace the images of course, but typically an animation requires polishing or modification to suit some project needs.
great video straight to the point while also being under 10 mins which means the focus isnt on ad rev for youtube
i'm here to help!
Nothing irritates me more than a website with too many interactions. I want to move from point A to B without too many distractions, and never want to have to wait or figure out where something is.
True! We need to do it tastefully :)