Live page · scroll inside

FreeSpa / Wellness · light · landing page · webgl · gsap · lenis · html

Stillwater

A thermal spa on warm paper: rings ripple out on the loader, then the hero is a real pool — a CPU wave simulation refracts the photograph through a WebGL shader, the pointer leaves ripples and the water drips on its own; below, a scrubbed statement, arch-topped figures, a one-at-a-time treatments accordion, a sticky frame that crossfades through a day, a zoom-in gallery and a teal booking card.

What's inside

01
Ripple loader
Rings grow outward one after another and fade; the name surfaces; the cover fades onto the water.
02
Colour-shifting nav
Turns dark and frosts when the hero scrolls out.
03
Rippling pool
The pool refracts and glints under ripples from the pointer and from idle drips until the pause toggle stops the drips and the shimmer; lines rise from masks.
04
Statement + arch trio
Words ink on scrub; figures rise and their images settle.
05
Treatments accordion
Rows rise in; one opens at a time with a height tween; the plus rotates and fills.
06
Sticky day frame
The frame crossfades and the time swaps as each step passes the middle; inactive steps dim their time and title to the muted ink (colour, not opacity, so they stay readable).
07
Zoom-in gallery
Each surfaces from a zoom and fade.
08
One review
Lines rise from masks.
09
Booking card
The card rises; headline lines and fields stagger in.
10
Footer strip
None.

Utility pages in the same file: 404 · Style guide · Password · Changelog

How to use it

From prompt to a live page.

01
Walk the page
The preview is the real template: loader, scene, scroll choreography. Scroll inside it or open it full-screen.
02
Pick a palette
Token sets re-tint the whole page live, scene included. The prompt carries the one you chose.
03
Pick your stack
Single HTML, Next.js, React, Vue, Astro, WordPress blocks, Shopify sections or a Webflow build guide.
04
Copy the prompt
It carries the art direction, the tokens, the motion system and every section's layout, motion and content, in order.
05
Make it yours, then iterate
Swap copy and images first, keeping the structure. Then refine section by section rather than re-running the whole prompt.

More templates

Free♥ 0

Abacus

Accountancy practice

Template

Premium♥ 0

Kittiwake Air

travel/regional airline

Template

Premium♥ 0

Laneline

sport/mobile app

Template

Free♥ 0

Beacon

Feature flags

Template

Loading…

Stillwater

What's inside

Ripple loader

Rings grow outward one after another and fade; the name surfaces; the cover fades onto the water.

Colour-shifting nav

Turns dark and frosts when the hero scrolls out.

Rippling pool

The pool refracts and glints under ripples from the pointer and from idle drips until the pause toggle stops the drips and the shimmer; lines rise from masks.

Statement + arch trio

Words ink on scrub; figures rise and their images settle.

Treatments accordion

Rows rise in; one opens at a time with a height tween; the plus rotates and fills.

Sticky day frame

The frame crossfades and the time swaps as each step passes the middle; inactive steps dim their time and title to the muted ink (colour, not opacity, so they stay readable).

Zoom-in gallery

Each surfaces from a zoom and fade.

One review

Lines rise from masks.

Booking card

The card rises; headline lines and fields stagger in.

Footer strip

None.

How to use it

From prompt to a live page.

Walk the page

The preview is the real template: loader, scene, scroll choreography. Scroll inside it or open it full-screen.

Pick a palette

Token sets re-tint the whole page live, scene included. The prompt carries the one you chose.

Pick your stack

Single HTML, Next.js, React, Vue, Astro, WordPress blocks, Shopify sections or a Webflow build guide.

Copy the prompt

It carries the art direction, the tokens, the motion system and every section's layout, motion and content, in order.

Make it yours, then iterate

Swap copy and images first, keeping the structure. Then refine section by section rather than re-running the whole prompt.