Fluidity and movement are redefining web design, with liquid-inspired effects becoming a hallmark of innovation.
Leveraging these dynamic elements can transform a static page into a mesmerizing experience, capturing users’ attention from the first click.
The following ten websites, designed by some of the world’s most creative minds and recognized with prestigious awards, showcase how liquid-inspired effects can be masterfully integrated into a digital space.
Each example demonstrates how to use this technique to enhance storytelling, engage visitors, and push the boundaries of what’s possible in web design.
1. SNR4 Portfolio
By SNR4 from Mexico.
About:
3D Portfolio inspired by a dystopian future of the Aztec city Tenochtitlan.
Tags:
Solo Portfolio 3D Animation on scroll Clean Fullscreen Intro animation Landing Page Adobe XD Angular GSAP Animation Javascript Nginx Open Graph Three.js Typescript WebGL
2. Filippo Ruffini Portfolio
By Filippo Ruffini from Italy.
About:
I’m Filippo Ruffini, 28 years old Graphic Designer. I was born in Cremona ( Italy ) city of violins, and now I’m living in Brescia. I’m specialized in UI/UX design, Digital branding, Interaction design & Motion Graphic.
Credits:
Development: ilja van Eck, Webgl: Federico Valla
Tags:
Agency Portfolio Solo Portfolio Creative Menu Custom cursor Footer Design Graphic design Header Design Interactive header Microinteractions Photo & Video Transitions Typography Adobe XD After Effects Webflow WebGL
3. OFF+BRAND. 2023
By off brand from The UK.
About:
We can help you with Branding, Web Design, SEO, PPC & Keyword, WebGL, 3D & Motion Design, UI / UX Design. Professional, friendly and talented team. Get in touch!
Tags:
Agency Portfolio 404 pages About Page Animation on scroll Contact Page Creative Menu Custom cursor Header Design Interactive animation Interactive Design Interactive header Intro animation Transitions Angular Core.js GSAP Animation jQuery Open Graph Three.js Typescript Webflow
4. MAUI STUDIOS AOTEAROA
By Yannis Yannakopoulos from Greece.
About:
Maui Studios Aotearoa is a creative agency sitting on a solid foundation of creative disciplines and sustainable business practice serving the economies of Australasia.
Tags:
Design Agencies 404 pages Custom cursor Dark Header Design Interactive animation Interactive Design Interactive header Project Page Angular Bootstrap GSAP Animation jQuery Nginx Open Graph PHP Typescript Wordpress
5. THE KOTAVERSE
By KOTA from The UK.
About:
To celebrate 10 years of KOTA we created the KOTAverse, an interactive journey through our history and everything that makes us who we are today.
Credits:
Cyd Stumpel
Tags:
Design Agencies Agency Portfolio 404 pages Animation on scroll Button CGI Gallery Header Design Interactive animation Interactive Design Interactive header Intro animation Microinteractions Project Page Angular Core.js GSAP Animation Nginx Open Graph PHP Three.js Typescript Wordpress
6. 7-YEAR JOURNEY
By Zajno from The USA.
About:
7 years ago, Zajno was born and started using design as a powerful tool to communicate with the world. So let’s look at what these 7 years have been like for Zajno!
Credits:
Andrew Encharm
Tags:
Technology Services Social responsibility 3D Animation on scroll Creative Menu Custom cursor Dark Header Design Interactive animation Interactive Design Interactive header Intro animation Landing Page Microinteractions Sound-Audio Typography Angular GSAP Animation Open Graph PWA Three.js Typescript
7. MSTQ
By Numbered from The Netherlands.
About:
We provide UX/UI design and help companies build useful, usable and beautiful digital products. Contact us for user experience design.
Credits:
Kévin Chassagne
Tags:
Design Agencies 3D 404 pages About Page Animation on scroll Creative Menu Interactive animation Interactive Design Intro animation Project Page Transitions Typography Angular Apache GSAP Animation Open Graph PHP PWA Typescript Webpack Wordpress
8. Fairvue Partners
By Creative Brand Design from The UK.
About:
We provided a modern perspective on a traditional industry with the design of Fairvue Partners’ new brand and updated website. Our goal was to create an impactful and memorable experience within a traditionally corporate environment.
Tags:
Finance Animation on scroll Interactive Design Intro animation Javascript PHP Clean Minimal After Effects
9. Hardik Bhansali
By Visual Identity from India.
About:
Hardik Bhansali is the founder of Visual Identity Wix Studio Web Design Agency and this is his personal site
Tags:
Solo Portfolio Animation on scroll Clean Dark Fullscreen Intro animation Landing Page Minimal Project Page Typography Angular GSAP Animation jQuery Open Graph React Three.js WebGL
10. CELLULAR AGRICULTURE SOCIETY
By monopo from Japan.
About:
Spreading awareness on cultivated meat, or real meat made from farming animal cells instead of animals.
Tags:
Food & Drink Social responsibility Creative Menu Gallery Header Design Infinite Scroll Interactive animation Interactive Design Intro animation Transitions jQuery Open Graph PHP Wordpress
