brylith

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 a fictional digital nature lab, "BRYLITH® — A living surface.", rendered live with three.js and React Three Fiber on a blue-violet gradient. A volcanic stone, generated in code from a seed with conchoidal fractures, cracks and a slate grain, floats and tilts towards the pointer. Wherever the cursor touches it, volumetric moss grows on its real surface: slow strokes saturate, fast ones leave a lighter trail, cracks green first and a dark moist halo runs ahead. Leave a patch for 2–3 seconds and the moss recedes and the stone dries. White violets open while you water mature moss, and a click or tap grows a bouquet of four to seven. At a quarter of the surface a growth wave runs out along the cracks, the moss thickens and small ferns unfurl, while a "SURFACE AWAKENING" meter tracks the coverage. DM Sans and Instrument Serif type enters in a staged sequence, with a custom ring cursor, an 8-second cinematic ?demo=1 take that paints through the same pipeline, a phone layout and a quality switch for touch devices.

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

stack

  • react
  • vite
  • typescript
  • three
  • webgl
  • gsap

fonts

DM Sans, Instrument Serif

Free fonts, linked in the prompt.

colors

  • #6E79DB
  • #263A8C
  • #000000
  • #FFFFFF

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