GM
Portfolio
A retro-arcade portfolio experience built with CRT shaders, WebGL 3D backgrounds, and game-inspired micro-interactions — proving 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 engineered 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.
Deliverables
- Interactive Game-Inspired Portfolio Website
- WebGL 3D Backgrounds with Custom GLSL Shaders
- CRT Scanline & Retro Shader Effects
- Analog Switchboard Navigation System
- Spring-Physics Drag-to-Reorder Interactions
- Fully Accessible & Keyboard-Navigable UI