Dew · Liquid-glass launch page template with live glass drops that follow the pointer (HTML, one file to edit)

Premium products are not sold with three cards in a row. They are sold with a feeling.

This is Dew.

A pale gradient. Clear glass drops that bend it, rendered live in your visitor's browser. They drift, they keep their distance from each other, they follow the pointer and slip off it when it gets close. Scroll, and three statements take the screen one word at a time. Scroll again, and every drop gathers into one, with what is inside it written in a ring around it. A forty-eight-hour bar fills as you go. Quotes travel both ways. One glass panel holds the offer, with a switch. A glass form takes the email.

It is real 3D with real refraction, not a video and not a picture. Sharp on every screen, 60 frames a second on a laptop and on a recent phone.

Every word, colour and link lives in one file, content.js. Change the four gradient stops and the drops change with them, because the gradient is what they refract. No build step. No framework. No 3D software. Double-click the included launcher to preview, upload the folder to any host to publish.

Have a scene of your own in Spline? Paste its export URL into one line and the page plays it instead of the built-in drops, physics and all.

For skincare, beverages, wellness, devices, apps, and any product that wants to be launched like an object rather than listed like a feature set.

What you get: index.html, content.js, style.css, main.js, the built-in glass drops, a one-click local preview for Mac and Windows, and a README. Works in every current browser and on phones. Copy is placeholder; replace it with your own. Personal and commercial use for your own sites; not for resale as a template.

Note on the demo: the shop demo and video play a Spline scene we licensed for our own demo. That scene is not included. The template ships with its own built-in glass drops, and plays any Spline scene you make or license yourself by changing one line.