Free 3D Website Builder: Polygonjs No-Code WebGL Scene Editor
Polygonjs is a free node-based 3D WebGL design tool that creates interactive web scenes without code. Build animated 3D backgrounds visually — like Blender's node editor, but in your browser.
Every decent startup landing page now has some kind of 3D effect — a glowing blob, a floating object, particles that react to mouse movement. I used to just accept that my sites would look flat, because anything involving WebGL seemed to require learning Three.js, shaders, and a whole bunch of other things I have no intention of picking up. So I'd ask my agent to add "something 3D" and get a slowly rotating grey cube.
Polygonjs takes a completely different approach. Its a node-based WebGL design tool — think Blender's node editor, but for building 3D scenes that live on your website. You connect nodes to create geometry, add materials, set up animations and post-processing effects. The whole thing runs in a visual editor, no code required. There's a web version at polygonjs.com where you can explore and prototype instantly, and when you're ready for production, there's a CLI to export scenes into any web project.
Source
polygonjs/polygonjs
★ 807TypeScript
The editor is organized around node contexts: geometry nodes create shapes and terrain, material nodes handle shaders and textures, animation nodes control movement, and audio nodes let you tie sounds to scene events. Post-processing nodes add bloom, depth of field, ambient occlusion. Under the hood it all runs on Three.js, so anything that works in Three.js ecosystem works here too — models, textures, libraries. Once your scene looks right you export it and drop it into vanilla JS, React, Vue, or pretty much any web setup.
How to add a 3D scene to your site
Start at polygonjs.com/demo — there's a live editor that runs right in the browser. Browse the examples, find something close to what you want, and get a feel for how nodes connect. When you're ready to put it in an actual project, describe what you saw to your agent and give it the GitHub link.
- 1Open polygonjs.com/demo and explore built-in scenes — no account needed
- 2Find a scene that looks close to what you want and note how it's structured
- 3Tell your agent: "Add a 3D animated scene to my homepage using Polygonjs (github.com/polygonjs/polygonjs). I want [particles / a glowing blob / geometric shapes / describe what you saw]"
- 4For a fresh project, the agent can scaffold it with one command:
- 5To add Polygonjs to an existing project, the agent runs: npm add polygonjs-editor, then npm run polygonjs-editor
npm create polygonjs@latest
The CLI will ask you to pick a template — vanilla JS, Three.js, Vue, React, or React Three Fiber. After that the agent has a working project with the Polygonjs editor already wired in and can start building the scene you described.
A live 3D WebGL scene on your site — built visually without touching a line of shader code. Polygonjs exports production-ready Three.js scenes that drop into vanilla JS, React, Vue, or any web project. Open source, free, no signup required.
Source: github.com
Free course
Stop reading about AI — start building with it
The free Claude Code course: your first site, tool or game — no coding. No upsells, no cross-sells — nothing to buy here.
Start free →▌ Related guides

Author
Evgenii Arsentev
PhD · Chief Executive Officer, digital health
Articles · Latest articles