Enter

Why build alone?

A home for
Three.js creators.

From shaders and components to entire worlds. Publish your work, build on what others have made, and bring it together in a shared world.

Join the waitlist How it connects
One river connects a neon district, lagoon treehouses, fishing huts and a Japanese village, with shorebirds and grassy banks beneath snowy hills.
Inspired by these creators.Concept world
Explore Threetopia

Let’s put our projects in one world.

Open-source Three.js projects often end up as separate demos. Connect them and your grass could grow beside someone else’s river, with another creator’s birds overhead.

Bring something you’ve made, get to know other makers and help build a world together.

Want to join in?

How the scenes connect

Build a scene on a hex tile. Shared edges let its paths and rivers continue into the next creator’s tile.

One tile. Six neighbours.

Concept
Your forest tile sits between six neighbours. The river and paths continue across the shared edges.
Your scene
Make it your own
The edges stay connected.

How the edges work

Tiles use shared border pieces for ground height, paths and water. The planned CLI checks that they match; the preview is where you walk across the joins. Threetopia provides the camera, controls and loading.

Hex tile concept · format in development

Start with what you’ve made.

A component others can use, or a place to explore together.

A flock of small shorebirds gathers along the water’s edge. Wildlife
Little Birds Brian GruberInspiration

Share a component

Grass, a shader, a flock of birds. Give other creators something to build with.

Treehouses and rope bridges surround a turquoise lagoon. Environment
Lagoon Tree Village cryptomanavanInspiration

Build a place

Bring your work and other creators’ components together in a scene. Connect it to the shared world.

Let’s find a place for your project.

Join the first creators

Check it from your repo

The CLI would check the tile format and every neighbouring edge. The preview is where you test the actual crossing. This is the workflow we’re building.

~/my-forestworkflow preview
$ threetopia check
  Tile forest · (0, 0) · rotation 0°
  ✓ Size & scale · 50 m · 1 unit = 1 m
  × East ground · forest 0 m / village 1 m
  Placement blocked.
  Fix: use the shared path-3m border mesh.

  # After updating the village boundary
$ threetopia check
  ✓ All 6 boundary profiles
  ✓ Declared heights, corners & water
  ✓ Asset manifest & collider references
  Ready to preview.

$ threetopia preview
  Open forest with its six neighbours.
  # Inspect seams, collisions & frame cost

$ threetopia publish
  ✓ Published forest@0.1.0.
  1. threetopia initSet up a tile with the shared coordinates, lifecycle hooks and asset manifest.
  2. threetopia add <component>Use a shared edge profile or build with something another creator has made.
  3. threetopia checkCheck size, scale, edge declarations and asset references. For a placement, compare all six sides with their neighbours.
  4. threetopia previewLoad the tiles together. Walk across borders and inspect collisions, materials, lighting and frame cost.
  5. threetopia publishPublish a version of your tile or component, with its dependencies and creator credits, ready for placement.

A preview of the intended workflow. The CLI is still in development.

The first creators

Meet your future
neighbours.

Bring your Three.js project and get to know the people building beside you.

Join the creators

—

creators on the waitlist

A few practical questions

Can I bring a project I already maintain?

Yes. Your project can stay in its own repo. A standalone demo may need an adapter: it must use the world’s renderer and controls, expose update and cleanup hooks, and declare the assets it uses.

Do I need to build a whole scene?

No. Grass, water, materials, birds or a single building can all be contributions. Other creators can use those parts in their scenes.

Do our scenes need to look alike?

The interiors can have their own style. Shared border geometry, material transitions and lighting rules help the joins feel continuous. Exactly how much freedom that leaves is something we want to test with the first creators.

What if two tiles don’t match?

Rotate the tile, choose a compatible neighbour or build a transition tile. All six boundaries need to fit, including their corner heights. Matching declarations still need a preview together; they do not prove that the actual meshes line up.

Can I explore Threetopia yet?

Not yet. The world and tools are still in development. The hero and tile map show the idea. The world’s coming-soon page is here.

Join the first creators.

Leave your email to get an invite when the first shared world is ready.

Already building something? We’d love to see it.

Get in touch on X

We’ll email you about early access to Threetopia. Confirm your email to join.