WoGL
ToolsCreate with shadersShader MakerFree online shader builderToolkitShader works ready for your siteSketcher LabPaint your landing’s hero with shaders3D StudioThe Three.js editor in your browser
GamesPlay with shadersOnomatoShaderType a word, blow it upThe WatcherAn eye that follows youAetherLiquid glass with an eye insideBloomcoreA word grows a garden of lightPyrokineThrow fire at the wallVoltaicThe pyramid throws lightningSurfSurf a shader ocean
  1. WoGL Tools
  2. 3D Studio

3D Studio

A Three.js editor in your browser

Compose 3D scenes with Three.jsWhat is Three.js?A JavaScript library that draws 3D in the browser. You describe a scene with a camera, lights, meshes and materials, and it renders it with WebGL or WebGPU. and TSLWhat is TSL?Three.js Shading Language: shaders written as JavaScript functions. Three.js compiles them to WGSL for WebGPU or to GLSL for WebGL. materials on WebGPUWhat is WebGPU?The web’s newer graphics API. It gives the browser direct access to the GPU for drawing and for computing, with less overhead than WebGL, its predecessor.: 9 families, 28 presets, your own models, and a guide that explains every control as you hover it.

Open 3D Studio →How it works
9 families · 28 presets · GLB · PNGFree

What you can do

  1. 01

    Start from a preset

    9 families, from architecture to particles, and 28 presets ready to edit.

  2. 02

    Bring your models

    Import GLB, GLTF, OBJ or FBX; a health check counts triangles and draw calls before they load. Nothing leaves your device.

  3. 03

    Take your scene

    Export a GLBWhat is a GLB?Binary glTF: one file with a 3D scene’s meshes, materials, textures and animations. Blender, Three.js and most 3D tools open it. or a PNG, copy AI prompts sized to your device, or code a live layer with THREE and TSL.

How it works

  1. 1

    Choose

    Pick a family and a preset.

  2. 2

    Shape

    Move, rotate and scale; change materials and light.

  3. 3

    Export

    Save a GLB for any 3D tool or a PNG of the frame.

Questions

Is 3D Studio free?

Yes. Your projects are saved in this browser, with no account.

Does it need WebGPU?

It uses WebGPUWhat is WebGPU?The web’s newer graphics API. It gives the browser direct access to the GPU for drawing and for computing, with less overhead than WebGL, its predecessor. first; where the browser lacks it, the same renderer falls back to WebGL 2.

Can I open my scene in Blender?

Yes. Export a GLBWhat is a GLB?Binary glTF: one file with a 3D scene’s meshes, materials, textures and animations. Blender, Three.js and most 3D tools open it.; Blender, Three.js and most 3D tools open it.