library

effects

mcp

easylog

free

The prompt is free with an account: sign up with Google or email, and your copy starts right after. The project and Figma file come with monthly or yearly.

A one-screen hero for a nonprofit, a climate project or anything about the sea. The page opens with a pixelated, zoomed-in preloader that counts to 100, then the nav, headline and copy blur in. The log is two aligned pictures in one canvas: the coral-covered one shows through a mask the cursor paints, which fades over a few seconds; on touch screens the log is shown fully coral-covered.

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

  • hero
  • preloader
  • navigation

stack

  • react
  • vite
  • typescript
  • gsap
  • canvas

fonts

Fraunces, Instrument Sans

Free fonts, linked in the prompt.

colors

  • #072C57
  • #0F6F96
  • #58D6D0
  • #FFD23F

license

Free account: personal use only. Monthly or yearly adds commercial and client work. Don't resell or share the template, prompt or files.

read the license