Free download

Live Water On Your Website

A free guide and starter for Clearwater, the open-source project by Aurélien (Lumaris) that draws photoreal, interactive water in one HTML file with WebGL2 and no libraries. Run it in 30 seconds, put it behind your headline with a ready one-page starter (still frame first, reduced-motion and WebGL2 checks, unloads off-screen), change the look with a few constants, four Claude Code prompts, and the honest catch.

The download starts right away; the link also comes by email.

Without the newsletter box you get exactly one email with your link; the address is deleted after 7 days.

What is inside
  • starter/ A one-page site with the live water as hero: still frame first, fade-in, unloads off-screen.
  • Clearwater (MIT) An unchanged copy of the water with its licence, ready to embed.
  • Change the look The constants for sun, waves, depth and colour, and how to change them safely.
  • Keep it fast Fallbacks, lazy loading and what it costs on phones and old laptops.
  • PROMPTS.md Four prompts: fit it into your site, a new mood, calmer for text, a performance switch.
  • Honest catch A demo file, not a library: one scene, GPU cost, local ripples.

A current browser with WebGL2 (desktop Chrome, Safari, Firefox or Edge, most current phones). No install, no build step. Claude Code only for the optional prompts. The guide is in English.

Fabian Faraz Farid · Imprint · Privacy