SpatialDraw

We turned a phone into a paintbrush that draws light through the air.

A mobile-first WebAR drawing tool. Hold your finger on the screen and walk through the room, and a luminous neon ribbon trails behind your phone in 3D space, anchored to the world around you. Zero install, shared by a link.

Hero video: a phone held up in a room, glowing cyan and magenta ribbons trailing through the air and locking to the space as the person moves.

Drawing in space used to mean a five-hundred-pound headset and a download. SpatialDraw asks a sharper question. Can we deliver that same thrill on a device six billion people already own, through a URL?

A close-up of the centre-fixed brush cursor turning from cyan to lime the instant a finger touches the screen.

The deepest rule of the project was to eliminate friction between intention and creation through an invisible interface. Cold tap to first glowing stroke is three taps and zero text.

A finished neon composition floating in a living room, viewed from a new angle to show it is truly anchored in 3D.

Strokes self-illuminate through a custom additive shader, so they read as light, not paint. Each stroke walks the palette automatically, so the artwork looks composed without the user ever choosing a colour.

Someone drawing a large glowing shape around themselves, mid-gesture, the ribbon mid-flight.

Built with

React
Vite
TypeScript
Three.js
WebXR Device API
Tailwind
Framer Motion

Next project

Particle HandsWe made fifteen thousand particles chase your hands in real time.

Step inside