GM
Portfolio
A retro arcade portfolio experience built with CRT shaders, WebGL 3D backgrounds, and game inspired micro-interactions. Proof that web interfaces can be tactile and playfully nostalgic.
GM Portfolio · 2025
Year
2025
Category
Web
Stack
The Project
GM Portfolio is a highly interactive, game inspired personal portfolio designed to feel like a retro arcade HUD. We built CRT scanline shaders in GLSL, drag to reorder scenes with spring physics via Framer Motion and GSAP, and interactive 3D backgrounds using Three.js and React Three Fiber. Unique navigation systems, an Analog Switchboard and CRT boot dossier, support keyboard controls and toggle interactions. The build is performance first with Next.js static generation, strict TypeScript linting, and full ARIA accessibility.
01 — Design System
Designed a retro arcade visual language with CRT scanline shaders, pixel art UI components, and cyberpunk minimalist typography.
02 — Build
Implemented WebGL 3D backgrounds with React Three Fiber, spring physics drag interactions with Framer Motion, and game inspired navigation systems with full keyboard support.