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

Playing with some code from CodePen > https://codepen.io/waaark/pen/VbgwEM

Liquid Button

Liquid button

Watch the tutorial at https://www.youtube.com/watch?v=_ShTm4lK0Hc

Based on https://kirschberg.co.nz/

Liquid Nav Links

Designflow agency

This is our 9th cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://image-hover-liquid-distortion.webflow.io/. 
Image Hover can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Unsplash images

 Follow me for more Webflow freebies in the future 💙

Image Hover Liquid Distortion

Image Hover Liquid Distortion — Cloneable # 9

Liquid dots made with ThreeJS.

Inside there are shaders and code in the page. Feel free to play around with the value.

It was supposed to be a sphere, but I add a bit of morph to it, so it looks like a liquid. Feel free to like, share and clone! Enjoy!

Special thanks:
Original Shaders Code Experiment by Jaume Sanchez Elias
https://www.clicktorelease.com/blog/experiments-with-perlin-noise/

Liquid Background THREE JS

Liquid Dots Three JS

Kabarza Agency

Liquid Toggles made using webflow interactions.


liquid toggle

Liquid Toggle - Native Webflow!

Built with Webflow's native slider + interactions. Bubble upward movement triggered by Slider change, left & right movement triggered by left & right arrow. 

This make the bubbles move through the slides. Enjoy!