The Fastest Way to Add Subtle Interactions to a Webflow Website

Learn the fastest way that you can add subtle interactions across your Webflow website.
📐 Template used
Optimer: www.nikolaibain.com/template/...
All Templates: www.nikolaibain.com/templates
👋🏻 Where to find me
Website: nikolaibain.com
Instagram: / nikolai_bain
Dribbble: dribbble.com/nikolaibain‍

[@GabrielJaquier]

best 3:55 mins spent today. thanks

[@joemontero741]

You just saved me lots of headaches. Thank you for the video tutorial

[@Alfa8Beta]

Quick and simple, but effective! Micro interactions is always the thing that suffers on the end of projects, this technique will help a lot!

[@NikolaiBain]

Totally agree! 🔥

[@boxoffisa]

The background in the window seems to be a good place to live away from noise. Nice place. Thanks for the video Nikolai.

[@rgfearing]

My GOD. Thank you.

[@GabrielOkpo]

Came in at the right time as I'm working on a personal project. These tips are going to come in handy. Thanks

[@VladTro]

Very helpful. Thank you very much Nikolai!

[@cyrohan21]

Quite a smart way to stay productive!! awesome thanks

[@ShahzaibAli-sb5wi]

Wow! Amazing way of adding the interactions :) really enjoyed this! Thank you Nikolai!

[@stevenkryger]

Excellent tutorials Nikolai, some of the best I've come across on YouTubne. Keep it up!

[@poncardas]

Awesome tip! That’s very neat!

[@danielcech7839]

Perfect tip, thank u!

[@joshclap]

Thanks for this tip, really helpful!!

[@joergfrank]

Perfect. Really helpful.

[@kitalako7455]

Thank you for this video, working along with this video in Webflow right now

[@WebGuyMike]

Love it! Very helpful!!

[@davidmason4356]

This is so cool. You saved me hours and immediately gave me a simple way to make my site look sick. Thank you.

[@rachael-page]

Awesome trick, thanks!!

[@user-ci1hb8wo4c]

Man this was so helpful , you rock

[@annecapongcol3759]

This is a great tip! It saves so much time and effort. I'll definitely do this. Thank you for sharing.

[@rafaelkent7704]

So helpful, thank you

[@felixquansah5214]

This is so smart! Thanks

[@DavidPeyrouty]

Top, thank you very much!!!

[@jarosoho2049]

Brilliant! using this now 😀🙏🏽

[@Dezenaamisnietbeschikbaar]

Killing it with all the content!

[@NikolaiBain]

Cheers Lars! 🦾

[@1WillyDAVID]

that's what I call a wisdom nugget! Thanks a lot

[@NikolaiBain]

Doing my best to share all the wisdom nuggets I can 😎

[@Hi_its_me_Stacy]

GENIUS

[@aniruddhjain1839]

man this was great, if there was a template for all these basic interactions in the place with classes and all added

[@ihsaan7807]

See you on the next one!

[@NikolaiBain]

😉

[@james1327]

this is incredibly helpful. I find the interactions in webflow a lil janky.

[@kydN]

3:20 i see a problem: if you scale down to tablet or mobile, the three "Text Box" will stack on each other with different animation delays

[@kydN]

but anyway: Great Video! Thanks! :)

[@NikolaiBain]

Great point! If anything it's probably best some of the animations that are 400 and 600ms are turned off for mobile screen sizes, thanks for pointing out :)