← All news·2026-08-07·4 min read

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.

3dwebglvibenocodeanimationdesigngithub

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

Open on GitHub →

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.

  1. 1Open polygonjs.com/demo and explore built-in scenes — no account needed
  2. 2Find a scene that looks close to what you want and note how it's structured
  3. 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]"
  4. 4For a fresh project, the agent can scaffold it with one command:
  5. 5To add Polygonjs to an existing project, the agent runs: npm add polygonjs-editor, then npm run polygonjs-editor
Start a new project with Polygonjs
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.

What you get

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 →
EAEvgenii Arsentev

Author

Evgenii Arsentev

PhD · Chief Executive Officer, digital health