← Websites10 / 13
[ 3D portfolio · 2025 ]
Spatial Portfolio
A portfolio you walk through instead of scroll — first-person navigation through a virtual room with physics-based collision.
Views — shown on the object
- Type
- 3D portfolio
- Year
- 2025
- Stack
- React, TypeScript, Three.js, React Three Fiber
- Libraries
- React Three Drei, GSAP, Zustand, Framer Motion
- Tools
- Vite, Blender, Vercel
- Links
- Repository ↗
This portfolio reimagines the web portfolio as a space you explore in first person. Built with React, TypeScript and React Three Fiber, it renders a fully interactive room with realistic lighting, shadows and physics-based collision.
Visitors move with WASD or touch controls and inspect objects that open each section — picture frames for projects, a trophy for achievements, a desk for technical skills — with smooth camera transitions and split-screen overlays. State runs through Zustand, motion through GSAP, with lazy loading throughout.