GM Portfolio
Retro arcade portfolio with CRT shaders, WebGL 3D backgrounds, and game-inspired micro-interactions
The Project
GM Portfolio is a highly interactive, game-inspired personal portfolio designed to feel like a retro arcade HUD. I 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.
Designed a retro arcade visual language with CRT scanline shaders, pixel art UI components, and cyberpunk minimalist typography.
Implemented WebGL 3D backgrounds with React Three Fiber, spring-physics drag interactions with Framer Motion, and game-inspired navigation with full keyboard support.
Deliverables
- Interactive Game-Inspired Portfolio Website
- WebGL 3D Backgrounds with Custom GLSL Shaders
- CRT Scanline and Retro Shader Effects
- Analog Switchboard Navigation System
- Spring-Physics Drag-to-Reorder Interactions
- Fully Accessible and Keyboard-Navigable UI