DEV Community

Cover image for I Built a Blender Plugin That Exports Scenes to HTML + CSS 3D
Beka Tsalani
Beka Tsalani

Posted on

I Built a Blender Plugin That Exports Scenes to HTML + CSS 3D

I built a Blender plugin that exports a scene as HTML + CSS 3D transforms.

Instead of rendering the model as a static image or video, the plugin converts Blender geometry into browser-native elements using CSS 3D transforms. That means the scene can be opened in a browser, rotated, zoomed, and explored as an interactive 3D composition.

This version is especially good for low-poly, hard-surface models like vehicles, props, and mechanical objects. The export keeps the overall shape, color blocks, and faceted look intact, which makes it a great fit for stylized 3D scenes and web experiences.

What it currently does:

  • Exports Blender scene geometry to HTML and CSS.
  • Preserves the 3D structure with CSS transform matrices.

The goal is to turn Blender into a 3D authoring tool for the web — not just for rendering, but for building interactive browser scenes with CSS.

This is still an experimental workflow, but the results are already promising. It works especially well for scenes with flat surfaces, strong silhouettes, and a stylized visual language.

Top comments (0)