A browser extension for inspecting Three.js websites. Fits dev-utility products, Three.js tools, browser-extension apps, and developer-utility landing page designs.
Screenshot of the three.tools homepage.
Three ways to ship a ThreeTools-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with ThreeTools. All trademarks belong to their respective owners.
About ThreeTools
Home page hero
The page is a single pure-black column, almost without navigation. A tiny rounded app icon with the name and a small beta tag sits at the top left, and a small white "Get access" pill with a red dot sits at the top right. The whole first screen belongs to one image: a large glossy red 3D shape of three joined tubes meeting like the letter Y, with a thin white wireframe selection box and small corner handles on three of its ends. The box shows the product's idea in one picture, an editor that selects and manipulates 3D objects.
Headline and sign-up
Under the image, a bold light-grey headline reads "A beautiful Three.js editor that works on every project," with a small asterisk. A two-line description says the product inspects and tweaks any Three.js website and works as a browser extension. A white pill-shaped email field with an orange "Get Notified" button follows, and a tiny note under it says registration is closed, with a link to sign up for notifications. The only action on the page is the email field.
Product screenshot
A wide, rounded product window follows on the black background. It shows a 3D scene with an orange jacket-like object and large glowing teal outline letters on a checkered floor, with a narrow dark inspector panel at the right showing position, rotation and scale fields and a move cursor over one of them. The teal on black makes the editor look like part of the scene it edits.
Testimonials
Three short quotes sit in a row at the bottom, each with a small round avatar and a name in tiny grey type. They describe the tool as a long-awaited developer utility for fine-tuning scenes, a friendly interface for reverse engineering Three.js websites and debugging objects, and a strong inspection and debugging tool for real-world Three.js applications.
Based on a single partial screenshot of three.tools, the only capture available for this entry; it covers the top of the home page. The testimonials are quotes shown on the page and were not verified here. Registration was closed at the capture date. Check the live site for the current status.
Related designs
