Discover the best kinetic websites created by professional designers. Get inspired and start planning your perfect kinetic web design today!

Redis Agency

In just a year with Webflow, we have launched dozens of projects, won international awards and expanded the team to 6 creative developers. It is about time that we open a separate department for creative development. We are celebrating this by launching the Webflow department website.

This landing page is dedicated to our love for Webflow, our clients and their projects, and our team. It also showcases the new corporate identity of Redis Agency. Noteworthy that smooth scroll and while scrolling in view animations are implemented without code.

Click the link to see it for yourself. Let it Webflow!

Redis Webflow

Redis Agency Webflow

Magnetic buttons are sorta like regular buttons, if regular buttons were zapped to life with witchcraft by html super-wizards from the future 🧲🧙‍♂️🧲🧙‍♂️

In all seriousness, this type of button is a dead-simple, easy way to add effective hover micro-interactions to any website. I hope you enjoy exploring how these buttons were made. Hopefully it helps spread understanding of the power of reusable interactions; one mouse movement interaction powers 90% of the button movement in this project.

Clone away, and let me know what you think in the comments!

*Inspired by this post from CoDrops:
https://tympanus.net/codrops/2020/08/05/magnetic-buttons/

**Like this project?
http://buymeacoffee.com/joshwork

Magnetic Buttons

🧲🧙‍♂️ MAGNETIC buttons, from the future! 🧲🧙‍♂️

Hey I found this cool Distortion Slider and rebuilt it in Webflow 😊

1) Clickable Arrows
2) Mousemove Interaction
3) Drag to Left or Right to change the Image


Setup:
1) Upload all your Images
2) Change the Links in the custom Code Section (before </body>)
3) Replace the Head- & Subline in the Section below
Thats it!

You also can change the Font in the „googleFonts“ settings 
(before </body>)


Source:
https://github.com/hmongouachon/rgbKineticSlider

Kinetic slider with rgb and displacement effects

Kinetic WebGl slider

Kids Help Talk is a charity project in which teenagers assist refugee children from Ukraine in adjusting to their new surroundings and learning foreign languages with their peers for free.

We created a logo, drew illustrations, designed a website, and set it up in less than a month.

We wanted to emphasize the project's "childishness," simplicity, and charitable mission in this project. The logo is lettering, and we used the plot of a children's game, a conversation on the "phone" made of paper cups, for illustrations.

KidsHelp

Kids Help Talk

Cool slider using rgbKineticSlider. You can navigate with the buttons or using swipe gestures. I also have a tutorial on how to build this slider on YouTube. 

https://www.youtube.com/watch?v=kCg_kMP9u7o

Enjoy!