K.I.T.E. UX, Experimental spatial layout sketch tool (three.js + WebXR)

Showcase
, , ,
1

Hi everyone,

I’d like to share KITE UX, an experimental web-based tool I’ve been working on as part of a longer research path around spatial UX, cognitive layout design, and XR prototyping.
It’s built with three.js and WebXR and focuses on sketching and benchmarking spatial layouts rather than producing final UI or polished visuals.

The idea is to explore questions like:

  • scale, distance, and spatial relationships

  • proxemics and ergonomics

  • first-person perception of layouts in real space

The project is early (pre-alpha) and intentionally positioned as a design / research instrument, not a production tool.

What it currently supports:

  • Desktop browser mode (any computer)

  • WebXR / first-person preview (notably on Vision Pro)

  • True-scale spatial wireframes (1 unit = 1 meter)

  • Basic ergonomic & proxemic references

  • Spatial templates and reference scenes

  • JSON import/export, autosave, cinematic video export

  • Early AI-assisted spatial ideation (experimental)

Notes

  • On desktop, Chrome is required for WebXR support (Safari on macOS doesn’t yet expose immersive WebXR).

  • Safari on Vision Pro works due to native WebXR support in visionOS.

  • Validation still requires a real headset; this tool is meant for concepting and exploration, not final verification.

Live demo (desktop recommended): Try K.I.T.E. UX v0.9 now!

I’d be very interested in feedback from the three.js community, especially around:

  • spatial navigation patterns

  • camera/movement paradigms

  • ergonomics benchmarking approaches

Thanks for taking a look.

1 Like