Unleash the power of Three.js

The advanced library of WebGPU + WebGL ready components, TSL and nodes, empowering Three.js developers to create extraordinary 3D experiences.

A magical 3D developer toolbox

Three.js and the web are on the verge of a major revolution. Get ready for the new WebGPURenderer and wow your users with a decade of expertise packed into one library.

Start now

CREATE AMAZING VISUALS IN SECONDS

Transform your development journey

Integrate Three.js Blocks in minutes to supercharge your workflow. If you love Three.js as much as we do, you'll feel right at home.

Leave a mark and inspire awe

With our award‑winning effects, animations, and interactions, you can finally bring to life the projects you never had time to build—adding that extra touch of magic.

We keep your main thread light

Every component is engineered for performance, so your experiences are beautiful and blazing fast—because every frame counts.

Why Three.js Blocks

Building a modern 3D world on the web is hard: thousands of lines of code, strict performance budgets, and endless optimizations. Three.js Blocks gives you drop‑in components for the heavy lifting so you can ship faster and scale without the tech debt.

⚡
Serious performance: LOD, instancing, culling, batching, nanite, and cache‑aware pipelines out of the box.
🧱
Block by block: Compose worlds from pre‑tuned building blocks (materials, physics, particles, post‑fx, addons...).
🧠
AI‑friendly: Clear, Documented APIs, llms.txt and inline examples so your AI assistant can wire things up correctly.
🌐
WebGPU‑ready: Optimized for today's WebGL, built to take advantage of WebGPU where available.
🧩
Framework‑agnostic: Use with React Three Fiber, Vue.js, or Vanilla JS.

"My goal is to democratize advanced Web 3D so anyone can build vibrant worlds and games at production quality."

How it works

1. Install the Blocks package for your stack (@three-blocks/r3f, @three-blocks/vue, or @three-blocks/core).
2. Drop components into your scene.
3. Configure with props or a few lines of code.
4. Ship with production‑grade performance and room to grow.

From the author

I've spent nearly a decade building high‑end Web 3D, obsessing over performance and rendering techniques, and contributing to the Three.js ecosystem. After working in France and Canada, I moved to Japan and founded Utsubo five years ago, teaming up with the best talents across engineering, 3D artists, designers, and sound engineers to create 3D experiences beyond what I could build alone.

Three.js Blocks is my way to put expert‑level features into everyone's hands-fast, composable, and maintainable. Let's make the web a place of incredible 3D worlds and experiences.

— Renaud Rohlinger, CTO @ Utsubo

Join the waitlist

Don't miss the launch. Get early access and an exclusive discount.

For businesses & brands

Ready to outperform your category with immersive 3D beyond just "expertise"? I co‑founded Utsubo an award‑winning, technology‑first creative studio based in Osaka.
We're senior engineers, 3D artists, designers, and sound engineers with 10+ years pushing the limits of web browsers and large‑scale installations.
Our work speaks for itself: www.utsubo.com