Back to work
DesignKagency
ThreeJS Portfolio
An interactive 3D portfolio built in Three.js — a real-time environment, not a page with a render on it.
- Client
- Kagency
- Role
- Creative development · UI design
- Timeline
- 2025
- Services
- UI/UX Design & Design SystemsWeb & Mobile Development
The case study
What it is
A portfolio site built as a navigable 3D environment in Three.js rather than a scrolling page — projects and skills are things you move through.
What we got out of it
Building it meant solving the problems that make most 3D sites unusable:
- A dynamic 3D environment running in real time in the browser
- Smooth animation without stuttering the main thread
- An interface that stays navigable — the usual failure of 3D sites is that they are impressive once and unusable thereafter
- Responsive behaviour, so the scene degrades sensibly instead of melting a phone
The performance work here is the reason we are comfortable taking on interactive and animated builds elsewhere. Knowing where the budget goes in a WebGL scene is not something you can read your way into.
Source
The code is open: github.com/ismailkit/portfolio
Stack
Three.js · JavaScript · HTML5 · CSS3
