Nick Kuek

Design Engineer

making the web more beautiful

2026Maryland

Projects

archetyper

A fully-themed typing tester with real-time WPM visualization, custom themes, and a focus on interaction design and polish.

ReactTypeScriptCSS
my favorite
personal record: 152 wpm 👀

Particle Displacement

65,000 particles arranged on a sphere, scattered by mouse interaction via WebGPU compute shaders. Real-time physics with TSL.

Three.jsReact Three FiberWebGPUTSL
as seen on Mercury Spheres
now built with TSL

Corne Keyboard

A 3D interactive split keyboard model. Type on your physical keyboard and watch the keys respond in 3D space. A personal passion project bridging hardware and web.

BlenderThree.jsReact Three FiberGLSL
modeled after my trusty daily driver keyboard
hardware meets web

Particle Morphing

An interactive WebGL experiment built with React Three Fiber and custom GLSL shaders, where videos seamlessly morph between each other. Transitions are choreographed with GSAP and enhanced with bloom postprocessing.

Three.jsReact Three FiberGLSLGSAP
creative coding
curl noise + bloom

In the Wild

Immersive Hero

Mercury

A scroll-driven video experience that dissolves into the page.

Gamified 404 Page

Mercury

A 404 page you actually want to find. Sliding puzzle easter egg turns a dead-end into a moment of delight.

Fluid Simulation Button

Mercury

Fluid simulation trapped inside a button. A microinteraction that packs a big punch.

Crafting with...

React// the foundation
TypeScript// strict by choice
Next.js// full-stack edge
Design Systems// consistency at scale
CSS// where the craft lives
Web Accessibility// for everyone
Three.js / R3F// thinking in 3D
WebGPU / TSL// pushing limits
GSAP// making things move

Let’s build something
beautiful.