DEV Community

vishnu M R
vishnu M R

Posted on

Introducing create-threexrapp: Build WebXR Games Instantly with Three.js

Hey everyone 👋

I’m Vishnu M R, a 3D and XR developer — and I’m excited to introduce something I built to make WebXR and Three.js game development super easy:
threexrapp

If you’ve ever struggled with setting up a proper Three.js + WebXR project — with physics, VR support, and player movement — this package is for you.

What Is create-threexrapp?

create-threexrapp is a complete Three.js + WebXR project template generator.
It instantly creates a fully configured 3D game environment — complete with physics, VR controls, and player setup — so you can focus on building instead of wiring up boilerplate code.

Think of it as:

“create-react-app, but for WebXR and Three.js developers.”

With a single command, you’ll get a fully structured project that’s ready to run in desktop or VR headsets — no manual setup needed.

⚡ Quick Start

Here’s all it takes to start building your own 3D world:

Create a new WebXR-ready Three.js project instantly

npx create-threexrapp myapp

Move into your project

cd myapp

Run your app

npm start

That’s it!

You’ll instantly get a working Three.js environment with:

Built-in VR support

Physics integration

Player controller

Preloaded lighting, camera, and scene structure

All you need to do is add your main 3D model and player model — everything else is handled automatically.

What’s Already Built In

Three.js + WebXR setup — ready to use out of the box
Physics engine — collisions, rigid bodies, and gravity preconfigured
Player movement controls — VR and non-VR supported
Lighting and environment — realistic scene defaults
Modular file structure — easy to extend
Optimized for performance — smooth on both desktop and VR headsets

You don’t need to manually configure cameras, renderers, controllers, or XR sessions — everything is already done for you.

** Why I Built This**

Every time I started a Three.js or WebXR project, I had to spend hours repeating the same setup:

Writing boilerplate to enable XR

Adding physics libraries

Handling controllers and movement

Organizing files

So I built create-threexrapp to eliminate all that setup time.

Now, anyone can create a ready-to-play WebXR app or 3D game in seconds — just by running one command.

It’s perfect for:

Developers learning XR or game design

3D artists testing interactions in VR

Anyone who wants to prototype 3D worlds fast

Top comments (0)