library

effects

mcp

easylog 3d

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A one-screen interactive hero for the fictional data product easylog, "Every layer tells a story.", rendered live with three.js on a dusk sky of plum falling into peach. A tree branch built in code from splines lies across the screen, wrapped and carved by a photo-scanned willow bark, so its furrows catch light and cast real shadows. Wherever the pointer touches it, buds swell and five-petal cherry blossoms unfold around yellow hearts; when the pointer moves on, each flower lets go of its petals one by one and the wind carries them off. Before anyone touches it, an invisible pointer sweeps the trunk once to introduce the effect. The headline is drawn inside the 3D scene, so the flowers open over the letters. Instrument Serif and Instrument Sans type, a drawn cursor, a camera that leans towards the pointer, drifting petals for depth, a texture load bar, adaptive detail for slower GPUs and a phone layout.

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
  • navigation
  • custom cursor
  • cursor tracking
  • webgl shader
  • progress bars
  • touch support

stack

  • react
  • vite
  • typescript
  • three
  • webgl

fonts

Instrument Serif, Instrument Sans

Free fonts, linked in the prompt.

colors

  • #43275C
  • #DD8078
  • #FFB3D0
  • #FFE58A

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