Premium service page with liquid metal
Your car, mirror-polished, and a page that looks the part.
Move the mouse: your cursor is another drop and flows into the others. Press: it swells. The brand and the figures are illustrative samples.
Custom animation / motion design
Custom animation, motion, and interactive elements that set the site apart from a template look.
from HUF 60,000
The landing page of a car detailing studio, with liquid chrome behind it: the drops merge, and your cursor is a drop too. Made for a service where shine and surface are the promise itself.
- WebGL
- GLSL
- Landing page
How it works
The drops live in a single shader: every pixel works out how many drops affect it, and where the sum crosses a threshold there is the surface of the metal. The reflection is computed and takes on the brand's colour, so the chrome belongs to the brand and isn't a stock animation.
The buttons and text are HTML, and booking stays the page's working part. A medium one: a few drops, one shader, no mesh, so it runs on a phone too. With reduced motion the drops drift more slowly.
Want something like this on your own site?
Motion and WebGL are part of what I do. We'll work out what fits your site while keeping it fast.
Get an estimate