brylith
proGet 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

