Skip to content

Blend3Js

by trufo2·Workflow

Images © trufo2. Used for product review; image policy.

Why we like it

Blend3Js stands out in the superhive library because it packages three.js preview, GUI tweaking and HTML export into a single Blender add-on.

What is Blend3Js?

Blend3Js is a Blender add-on from trufo2 that lets you preview scenes in three.js and export them for the web. It is described as an add-on for Blender 4 and 5 and is listed as compatible with versions 3.6 through 5.0.

The add-on starts an HTTP server pointing at a sub-folder created on the fly next to your .blend file, where the .gltf, images and web files are stored. It then opens an Electron app, similar to a barebones Chrome session, that displays the gltf including the cameras, animations, lights and materials defined in the scene. A GUI sits beside the display for tweaking those elements and exporting the three.js scene as a normal HTML page, and a help panel opens from the addon panel so you can read the documentation while you work.

Blend3Js runs on Windows and macOS on Arm, works with the Cycles and Eevee render engines, and is released under the GPL license. A demo limited to six meshes, tutorials and a demo video are available.

Who is Blend3Js best for?

Blend3Js is best for blender artists who want to preview scenes in three.js and export them as HTML pages for the web.

How much does Blend3Js cost?

Blend3Js is completely free to download and use.

Key features

  • Starts an HTTP server pointing at an auto-created sub-folder next to the .blend file that holds the .gltf, image and web files
  • Opens an Electron display, similar to a barebones Chrome session, showing the gltf with cameras, animations, lights and materials from the scene
  • GUI for tweaking cameras, animations, lights and materials
  • Exports the three.js scene as a normal HTML page
  • Help panel launched from the addon panel for reading the documentation while working
  • Runs on Windows and macOS on Arm
  • Works with the Cycles and Eevee render engines

Tags

#three.js#glTF export#HTML export#web#Blender add-on#preview#Electron

Frequently asked questions

Which Blender versions does Blend3Js support?

Blend3Js is listed as compatible with Blender versions 3.6 through 5.0, and the developer describes it as an add-on built for Blender 4 and 5. It is also marked as Blender Extension compatible. If you run one of these versions, the add-on can preview your scene in three.js and export it. For older or newer builds outside the stated range, check the developer's page to confirm before installing.

What operating systems does Blend3Js run on?

Blend3Js runs on Windows and macOS on Arm hardware, according to the developer. The add-on starts a local HTTP server next to your .blend file and opens an Electron app, similar to a barebones Chrome session, to display the exported gltf. A GUI beside the display lets you tweak cameras, animations, lights and materials. If you work on one of these systems, the preview and export workflow is available; for other platforms, confirm support on the developer's page first.

Is Blend3Js free to use?

Blend3Js is listed as free here, so no purchase is required to add it. The add-on is released under the GPL license. Licensing terms can change over time, so for current details it is worth checking the developer's page directly. A demo is also available, limited to six meshes, which lets you try the three.js preview and export flow before working with a full scene.

How does Blend3Js export a scene to the web?

Blend3Js exports a scene in stages. It starts an HTTP server pointing at a sub-folder created on the fly next to your .blend file, where the .gltf, images and web files are stored. It then opens an Electron display showing that gltf, including the cameras, animations, lights and materials defined in the scene. A GUI beside the display lets you tweak those elements and export the three.js scene as a normal HTML page. A help panel can be launched from the addon panel to read the documentation while you work.

Similar plugins