afloat

pro

Get the prompt with monthly ($29 a month), or all three with yearly ($249 a year). Plus tax where it applies.

A one-screen WebGL portfolio. The cases ride a bending ribbon of rounded video cards that floats over an endless sea, each with its title on a strip underneath. Scroll, drag or use the arrow keys: speed twists and lifts the ribbon and drags wakes through the water, which mirrors the cards, the sky and the sun. One loop of the cases is one day, from an early-morning start through noon and a red sunset to a starry night under the moon. Hovering a card plays its video, clicking opens a full-size case view, and a Featured / Full switch swaps the ribbon, through a wobbly liquid-glass blob, for a typographic index whose names show their video under the cursor.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • preloader
  • carousel
  • lightbox
  • navigation

stack

  • react
  • vite
  • typescript
  • three
  • webgl
  • canvas

fonts

Inter Tight

Free fonts, linked in the prompt.

colors

  • #03050C
  • #3A7BD5
  • #FF9A5A
  • #F2F2F2

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license