Interactive 3D scene
Uses a Spline keyboard as the main visual and interaction point.
[08] · Portfolio
3D Interactive Portfolio
Project overview
A personal portfolio built with Next.js and TypeScript, using Spline, particles, GSAP, and Framer Motion.
Next.js3DGSAP
Project breakdown
3 FeaturesKey features
Motion system
Combines GSAP, Framer Motion, and particles across page transitions.
Project presentation
Connects the visual concept with personal work and profile information.
Interface
Design direction
- 01
The 3D object establishes the portfolio identity before supporting content.
- 02
Motion follows interaction and scroll rather than running without purpose.
- 03
TypeScript and reusable React sections keep the visual work maintainable.
Next project
View project →