01
NEXUS
Analytics platform for infrastructure teams — realtime graph of 40k nodes, kept readable at 60fps.
AVAILABLE FOR SELECT PROJECTS — Q4 2026
AI-NATIVE
AI-NATIVE
ARCHITECT.
AI-NATIVE DIGITAL ARCHITECT/TECHNOLOGY & MARKETING STRATEGIST/WORLD RECORD HOLDER
CODE.
MOTION.
EXPERIENCE.
Three materials, one system. I build interfaces where engineering decisions are visible in the way things move — and where motion is never decoration, but the shortest explanation of what just happened.
ABOUT / SUBJECT SKP-01
FRONTEND ENGINEERING × CREATIVE DEVELOPMENT
I BUILD EXPERIENCES THAT LIVE BETWEEN DESIGN AND ENGINEERING.
FIG. 01 — RENDER TOPOLOGY / CONTINUOUS SIGNAL
I'm SumanKumar Phuyal, a AI-Native Digital Architect. I spend my days in the narrow band where interface design becomes an engineering problem: render budgets, input latency, state that has to survive a bad network, and animation that carries meaning instead of filling time.
My work covers React, Next.js and TypeScript for product surfaces, and Three.js, WebGL and GSAP when an idea needs depth, light or real-time reaction. I care about the unglamorous half too — design systems that survive three teams, accessible components, and a Lighthouse score that doesn't collapse the moment the marketing site gets a hero animation.
I work with a small number of studios and product teams each year, usually on interfaces nobody has built before: configurators, data-heavy dashboards, launch experiences, and 3D product stories. I write the shader and the test suite.
TECHNOLOGY / SYSTEMS
13 SYSTEMS / ONE PIPELINE
TECHNOLOGY CORE
SELECT A SYSTEM
THE STACK
Everything here is something I've shipped to production, not a logo collected for a grid. Hover a node to read how I actually use it.
HOVER TO INSPECT
SCROLL TO ROTATE THE CORE
PROJECTS / ARCHIVE
04 CASE FILES / 2023 — 2026
SELECTED WORK
02
AETHER
Immersive 3D brand experience for an audio hardware launch, with a scroll-driven camera and no loading spinner.
03
VELOCITY
Storefront rebuild for a performance cycling brand — 2.1s to 0.9s LCP, +18% checkout completion.
04
ORBIT
Launch site for a satellite imaging startup: a single scene that explains a hard product in one scroll.
THAT'S THE PUBLIC ARCHIVE.
Four more projects are under NDA — configurators, an internal design system, and a realtime control room interface. I can walk you through them in a call.
REQUEST THE FULL LIST
EXPERIENCE / CHAPTERS
2022 — 2026
FOUR YEARS,
FOUR CHAPTERS.
2022CHAPTER 01
FOUNDATION
FRONTEND DEVELOPER — HELIX INTERACTIVE, BERLIN
Two years of production work on marketing sites and a booking product. I learned the boring craft first: semantic markup, browser quirks, accessibility audits, and how a component library rots if nobody owns it.
2023CHAPTER 02
ENGINEERING
SENIOR FRONTEND ENGINEER — NORTHWIND SYSTEMS
Moved into platform work: a typed design system used by four product teams, a Next.js migration off a legacy SPA, and my first serious performance budget. Cut initial JavaScript by 62% and stopped shipping regressions with CI Lighthouse gates.
2024CHAPTER 03
INTERACTION
LEAD CREATIVE DEVELOPER — STUDIO KANT (CONTRACT)
A year of award-track studio projects. I owned motion architecture — scroll systems, page transitions, and the rule that every animation has to explain a state change. This is where GSAP timelines stopped being effects and became structure.
2025CHAPTER 04
IMMERSION
INDEPENDENT — CREATIVE TECHNOLOGIST
Now working directly with studios and product teams on realtime interfaces: WebGL scenes that hold 60fps on a four-year-old phone, configurators wired to real inventory, and data views that stay legible under load. Currently prototyping a WebGPU motion toolkit.
ENGINEERING / LAB
REAL SOURCE — TYPED LIVE
DESIGN IS ONLY HALF THE SYSTEM. THE OTHER HALF IS CODE.
60 FPS / 0.9MS
SIGNAL FIELD / ACTIVE
THROUGHPUT LIVE
Sampling 40,320 nodes — GPU instanced, one draw call.
Field stabilised
FRAME BUDGET 16.6MS / USED 0.9MS
DEPLOY
A SURFACE THAT KNOWS YOU'RE THERE.
REALTIME / WEBGL
Raymarched metal, three orbital rings, one fragment shader. It reads your pointer, your scroll and your device tilt — and it costs less than a hero image.
CONTACT / END OF TRANSMISSION
AVAILABLE — Q4 2026