Lumen
One physical light source governs the page: real elements cast one consistent shadow through WebGL2, the light moves and the objects stay still, and colour temperature does the work of an accent.
Built for: Premium AI, privacy, wellness and finance
Pages
Turndown Landing page, MobileA raymarched bedside whose lamp falls in seven real steps as you scroll: the page dims with it, ink and all, and holding a key swells the light for four seconds
Reciprocity Landing page, MobileA shader-drawn still life on 18% grey: turn real aperture, shutter, ISO and focus rings, and depth of field, exposure and the H1 are computed from the optics
Ampoule Landing page, AIA sealed glass ampoule with the only light on the page inside it: drag the network plug out, the scripted assistant carries on, and the page counts its own requests
Noonmark Landing page, WebA slate sundial whose gnomon shadow falls on your stop year: change what you save and the sun moves, or drag the sun and it tells you what to save
What's inside
- 4 pages, one file each, no props
- 2 components of its own, written for this kit
- 5 engines behind the signature behaviour
- Fonts with their OFL licenses: Lm Display, Lm Text
- README with install steps for Next.js and Tailwind v4, and the license terms
How to buy
All kits are in goodui Pro: $99 once, with lifetime updates. Team is $249 for up to 10 developers.
Checkout isn't open yet. Join the list and we send you the early-bird link once.
With a license key, from your terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-lumen.zip https://goodui.dev/kits/lumen.zip