VOID
Vite + TypeScript · Three.js skull scene · GSAP ScrollTrigger · Lenis smooth scroll · custom GLSL grain/mist · Web Audio drone
A scroll-driven, single-page occult WebGL narrative — "A Grimoire of the Dead", a black-magic rite forged in WebGL. The visitor scrolls through five movements (The Black Gate · The Bone Oracle · The Sigil Wakes · The Summoning · And Then, The Void), each a scene state animated by GSAP ScrollTrigger over a Three.js skull with green-glowing eyes, an animated pentagram sigil, drifting embers and red mist, finally dissolving into silence and darkness. Custom GLSL post-processing handles the skull glow, film grain and mist; Web Audio drives an ambient drone gated by a SILENCE toggle. No backend — every verse is compiled into the static Vite bundle and served from Vercel.
Generated 14 Jun 2026 · 14 files · 8 components · 3 flows
File Architecture
The full source tree as a layered graph — every file with its role, imports, exports and reverse dependencies.
System Design
Runtime topology across the five zones — client, edge, application, data and external services.
Flow Graph
The five most significant application flows, step by step — startup, auth, write, read and error recovery.
Technology
| Component | Technology | Version | Source of Detection |
|---|---|---|---|
| Renderer | three (WebGLRenderer + EffectComposer) | ^0.166.1 | package.json |
| Motion | gsap (+ ScrollTrigger) | ^3.12.5 | package.json |
| Smooth scroll | lenis | ^1.1.13 | package.json |
| Language | TypeScript (strict) | ^5.5.4 | package.json |
| Bundler / dev server | Vite | ^5.4.11 | package.json |
| Shaders | custom GLSL (skull glow / grain / red-mist fog) | — | src/shaders.ts |
| Audio | Web Audio API ambient drone | — | src/audio.ts |
| Hosting | Vercel static + SPA rewrites | — | vercel.json |