mcpField
B
blender-threejs-export

blender-threejs-export

github.com/kevinbadiCreative & media210159 installsUpdated 30w ago
Repository

About blender-threejs-export

A skill that exports a Blender scene as a compressed GLB and creates a standalone HTML viewer for Three.js. It is intended for creators publishing 3D models on websites, with options for rotation, background color, and embedding the model in one file.

Key features

  1. 01Exports compressed GLB
  2. 02Creates standalone HTML viewer
  3. 03Orbit, zoom, and pan controls
  4. 04Studio lighting and auto-rotation
  5. 05Responsive layout
  6. 06Can embed GLB in HTML

Use cases

  1. 01Create web previews for product models
  2. 02Share a 3D model as a single HTML file

MCP support

Connects to a running Blender instance through the Blender MCP addon to export the current scene.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/kevinbadi/blender-skills --skill blender-threejs-export

After installing, type/blender-threejs-exportin Claude Code to confirm it loaded.

Bundled filesscripts/blender-threejs-export.js

Details

From the project README

Blender Three.js Export

Exports the current Blender scene as a compressed GLB and generates a standalone HTML file with a Three.js viewer. The viewer includes orbit controls, studio lighting, auto-rotation, and responsive sizing — ready to drop into any website.

Prerequisites

  • Blender (4.x+) running with the Blender MCP addon active on port 9876
  • A scene loaded in Blender (e.g. after running blender-product-polish)

How to Run

node skills/blender-threejs-export/scripts/blender-threejs-export.js --output ~/Desktop/my-product
Options
OptionDescriptionDefault
--outputOutput directory for the GLB + HTML filesrequired
--nameFile name (without extension)model
--portBlender MCP port9876
--no-rotateDisable auto-rotationfalse
--bgBackground color hex#111111
--embedBase64-embed the GLB into the HTML (single file)false

Output

output-dir/
  model.glb          # Compressed GLB export from Blender
  model.html         # Standalone Three.js viewer (CDN imports, no build step)

Viewer Features

  • Orbit controls — click and drag to rotate, scroll to zoom, right-click to pan
  • Auto-rotation — slow spin to showcase the product (disable with --no-rotate)
  • Studio lighting — 3-point light setup matching the Blender polish look
  • Responsive — fills container, works on mobile
  • Zero dependencies — uses Three.js from CDN via import maps, no npm/build needed
  • Drop-in ready — open the HTML directly or embed in any page

Comments

Markdown supported