Thanks for subscribing!

Something went wrong, try again.

ThreeTools

beta

A beautiful Three.js editor that works on every project*.

Inspect and tweak any Three.js website.
ThreeTools works as a browser extension.

Registration closed

→ Sign up to get notified

ThreeTools is THE devtool I’ve always needed to work on and fine-tune my Three.js and React Three Fiber scenes.

– Maxime Heckel

Finally a nice GUI to reverse engineer three.js website and debug your objects.

– Yuri "akella" Artiukh

An outstanding inspection and debugging utility tailored for real-world Three.js applications. Highly recommended.

– Luis Bizarro

Work Smarter,
Move Faster.

Chrome extension. Use it in any live project.

Inspect scenes. Get visibility into your graph.

Tweak in real time. Adjust values and see them change.

Smart uniform inputs. No need to write UI code again.

Orbit cameras. Look around any scene using your mouse.

DirectionalLightPontLightAmbientLightObjectMeshShaderMaterialBasicMaterialPhongMaterialShaderMaterialPhysicalMaterialPerspectiveCamera

By the creator of Wiggle (Bones).

1 · 3

2 · 3

3 · 3

Hey there,

My name is Xavier (Jack) and I love creating fun stuff for the web.

You might have seen some of my Three.js experiments on your timeline, or even played with my open source wiggle bones library.

I built ThreeTools because I needed an easy way to inspect and tweak my Three.js projects. Since the first version (created more than two years ago), we have come a long way. The latest ThreeTools beta version is really stable and now supports most Three.js classes.

It has helped me when working on my experiments, and also to learn by inspecting websites I find on the internet (since it works as a chrome extension!)

Joining the paid beta is the best way to support the development of this project. If you decide to do so, I will be forever thankful!

Get early access to the extension.
Current functionality includes:

Inspect scenes, materials and textures.
Tweak positions, rotations and scales.
Tweak all properties of Three.js materials.
Tweak cameras and lights.
Automatic uniform inputs for custom shaders.
Automatic orbit controls to look around scenes.

Includes access to any paid features we might add in the coming 12 months.

Registration closed

→ Sign up to get notified

Frequent Questions.

What do I get for my payment?

You'll get access to the beta version of ThreeTools and you'll get one year of access to any paid features we might release in the future.

The extension is distributed through the Chrome Store. I will need to manually add you to the beta list, which I will do as soon as possible after payment received.

What can I expect from the beta?

Since it's a beta release, there might be some bugs. We'll work on fixing them quickly.

Why a paid beta?

Developing high-quality software takes time and resources. At the moment there's two of us working on this project (Raphaël Améaume and Xavier Jack). By raising funds, we can allocate time to this project and get some help. Without this funds we could not make this project happen.

What happens after I pay?

After paying, you'll get an email with steps on how to add the ThreeTools beta Chrome extension. The process is not automatic, but will just take a few hours.

Is there any system requirements? How does ThreeTools work?

ThreeTools is a Google Chrome extension. You will need Google Chrome to use the software.

It works on most websites uisng Three.js versions released in the last 5 years.

Is there a "money back" guarantee?

If you're not satisfied with the software, you can ask for a refund within 30 days after you've purchased the beta. You will lose access to the software.

How can I get in touch with you?

If you have any questions, ideas, or just want to say hello, you can email me at xavier@desktop.fm.