Floating World

status

active

version

v0.1.0

stack

React Router · WebGL · Three.js

id

floating-world

date

2026-03-29

A React Router experiment where route transitions move you through a shared Three.js world.

notes

Most transitions treat pages as fixed panels that swap in and out. I wanted to experiment with the idea of using the transition itself to move a user through a space, not just between pages.

Each scene in this experiment has its own mood and atmosphere. React hosts the navigation, and on transition, Three.js and WebGL move you through a consistent space where each scene co-exists at different depths.

## What I learned

- Routing as spatial movement is fragile. Small timing mismatches make a big difference
- React Router and Three.js run on different clocks. You need a separate coordination layer to bridge that gap.