SUBSTRATE
Vite + TypeScript · Three.js scale-zoom · GSAP ScrollTrigger · Lenis · InstancedMesh network · adaptive DPR ladder
A Zoom Across Scale — one switch flips, and a scroll carries the visitor across nine orders of magnitude through five continuous scale stages: a single transistor gate (Origin), billions of transistors on a wafer (The Chip), a component breakdown and assembly (The Device), a planet of interconnected nodes (The Network), and the algorithms, ML models and analytics that ride on top (The Data). Three.js drives an infinite-zoom camera rig over an EffectComposer pass, GSAP ScrollTrigger + Lenis map scroll progress to a single continuous scale, InstancedMesh renders thousands of network nodes, and an adaptive DPR ladder steps render resolution down on weak GPUs to hold framerate. No backend — every scale's geometry is procedural and its copy is compiled into a static Vite build served from Vercel's CDN.
Generated 15 Jun 2026 · 17 files · 9 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 |
| Procedural geometry | InstancedMesh + custom GLSL (silicon / wafer / node glow) | — | src/network.ts |
| Performance | adaptive DPR ladder (frame-timing driven) | — | src/dpr.ts |
| Hosting | Vercel static + SPA rewrites | — | vercel.json |