Skip to content
A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.
JavaScript CSS Other
Branch: master
Clone or download
Latest commit 49c8f46 Jan 28, 2020
Type Name Latest commit message Commit time
Failed to load latest commit information.
editor fix in prefab Jan 28, 2020
guides Update Jul 1, 2019
plugins fixes in multidraw Nov 8, 2019
press/images Add files via upload Nov 21, 2016
serverapps better mitsuba Sep 26, 2017
utils better GUIs methods Jun 27, 2017
.ftpconfig added helper nodes for facial animation Nov 13, 2018
.gitignore Merge branch 'master' into master Mar 13, 2019 Update Mar 13, 2019
LICENSE fixes everywhere Oct 23, 2015 Update Nov 28, 2019



WebGLStudio.js is an open-source, browser-based 3D graphics suite. You can edit scenes and materials, design effects and shaders, code behaviours, and share your work - all within a browser using standard web technologies.

Some important WebGLStudio.js features:

  • A full 3D graphics engine (LiteScene.js) that supports multiple lights, shadowmaps, realtime reflections, custom materials, postFX, skinning, animation, and much more.
  • An easily extended, component-based system for controlling the rendering pipeline and interaction event hooks
  • An easy to use, what you see is what you get (WYSIWYG) editor that provides a single interface for all coding, graph compositing and timeline features.
  • A graph editor for controlling behaviours, shaders and post-processing effects, using LiteGraph.js.
  • Supports the LiteFileSystem.js, a virtual file system that allows drag-and-drop storage of resources on the web, with configurable quotas, users and shared folders.
  • Export and share your work by sending a single link.

For more information, visit


Features missing:

  • Mesh editing, you cannot select faces and move them
  • Support for FBX, it has some sort of support but not fully functional
  • Physics


To install WebGLStudio.js, copy the editor files to your server, then install LiteFileSystem.js into a fileserver/ folder within the editor/ directory. LiteFileSystem is a library that handles remote file storage. For more information, see the / file and the LiteFileSystem.js documentation.


Send all feedback to

You can’t perform that action at this time.