ALL WORKS
ATOM Global
A WebGL website for a venture builder: nine companies sit inside one glass atom, and moving between them is the navigation.
- Subject
- 3D
- AI
- Crypto / Web3
- B2B Tech
- Completed
- July 2026
- Role
- Development / Product Design / Identity
- Disciplines
- Frontend
- WebGL / 3D
- UX/UI Design
- Motion
- Art Direction
01 / 04
One object instead of a list
ATOM Global is a technology holding and venture builder with nine companies across AI, blockchain and immersive technology, from Neuro Design to Biometric Suit. Instead of listing them, the site builds them into one object: a glass atom where every venture is a node.
Pick one and the camera flies to it and opens its card; the way back is the same flight in reverse.
Rendered live in the browser
The scene runs on Three.js and React Three Fiber inside Next.js. The glass is custom GLSL: multi-pass refraction, transmission, reflections and chromatic dispersion.
Camera moves, transitions between ventures, the interface and the sound play as one continuous sequence, so the site feels closer to a title sequence than to a corporate homepage.
Built to run on an ordinary phone
On load the site measures what the device's GPU can handle and sets resolution, pixel density, materials, post-processing and model detail to match.
Geometry is compressed, models carry several levels of detail, heavy assets arrive after the first frame, and touch screens get their own controls. A laptop and a mid-range phone see the same scene at a different cost.
Stack
Next.js · TypeScript · Three.js · React Three Fiber · WebGL · GLSL
NEXT PROJECTReal Estate PlatformA real estate platform under NDA: catalogue, mobile app and CRM on one data model, synced live with the client's system.OPEN PROJECT
Yours next.
A rough idea, a half-finished brief or a problem you can't name yet is enough to start. Tell us what you're working on — we'll come back with questions, not a sales pitch.