Description

OG-OS — A Retro-Cyberpunk Developer Portfolio

A developer portfolio disguised as a vintage operating system. Desktop visitors are greeted by a scroll-driven 125-frame intro sequence before being dropped into a fully simulated windowed desktop — draggable, closeable windows composited through a custom WebGL CRT shader featuring barrel distortion, scanlines, chromatic aberration, vignette, and flicker. Everything is rendered on a Three.js canvas, giving the illusion of a real CRT monitor.

Mobile visitors get an equally considered experience: a smooth SPA-style cyberpunk UI with animated boot sequence, gesture-driven navigation, and transitions designed specifically for touch.

The site adapts at the routing level — each device loads only the code it needs, with no unused JavaScript shipped. Built with Next.js 15, Three.js, and Tailwind CSS v4. Typography is set entirely in VT323 to complete the retro-terminal aesthetic.