Skip to content
Get packs

PlayCanvas

A JavaScript 3D game engine that runs in any web browser using WebGL2 or WebGPU.playcanvas/engine

GitHub Download v2.23.3
Stars
17.2k
Forks
2k
Licence
MIT
Language
JavaScript
Last update
4 days ago
Type
Library

What it is

PlayCanvas Engine is an open-source JavaScript engine for building interactive 3D and 2D apps, games and visualizations that run in a web browser. It is distributed as the npm package playcanvas and includes features such as rendering, physics via ammo.js, animation, input, 3D sound, WebXR support and glTF asset loading.

  • Build a spinning 3D cube or small interactive scene using the Hello World example in the README
  • Load glTF 2.0 models with Draco or Basis compression for a web viewer
  • Render 3D Gaussian Splats as described in the Gaussian Splatting feature
  • Create a WebXR AR or VR experience that runs in a supported browser

Great for

  • Web developers who want to add 3D scenes or games to a website
  • Developers building AR or VR experiences that run in the browser via WebXR
  • Teams that want to show 3D product visualizations or ads in a browser
  • Developers who prefer TypeScript or JavaScript for game scripting

Not ideal for

  • People who want a visual, no-code tool only: the README describes the browser-based Editor as a separate project
  • Beginners with no JavaScript experience, since the README's examples assume familiarity with JavaScript modules and npm
  • Projects that need a native desktop or console build, which the README does not mention
Step-by-step guide: how to use PlayCanvasInstall, first run, examples, tips and FAQs
PlayCanvas alternativesPlayCanvas vs three.jsPhaser vs PlayCanvasA-Frame vs PlayCanvasGodot vs PlayCanvasEnTT vs PlayCanvas

How to get it

  1. 1

    Install with a package manager

    You'll need: Node.js 18+ (for building from source) · npm

    Install the engine package

    npm install playcanvas

    Scaffold a full project (optional)

    npm create playcanvas@latest
  2. 2

    Run it

    • Install the playcanvas package with npm install playcanvas, or scaffold a project with npm create playcanvas@latest.
    • Create a canvas element and a new Application bound to it.
    • Add entities with render, camera and light components to app.root.
    • Call app.start() to begin the update loop and see the spinning cube.
  3. 3

    Get the most out of it

    • Use the User Manual and API Reference linked in the README to learn the full engine API
    • Try the Examples page on playcanvas.com for working demos
    • Add @playcanvas/react or @playcanvas/web-components if you prefer React or declarative HTML
    • Use the PlayCanvas Editor for a visual workflow, as described in the Ecosystem section
    • Read the local development guide linked in the README to set up a standalone project

Downloads

Source code (.zip)main branch · straight from GitHubRelease v2.23.3Release notes and sourceOfficial website & docsplaycanvas.com

Strengths

  • Free and open source under the MIT license
  • Built on modern browser graphics APIs (WebGL2 and WebGPU) and supports glTF 2.0
  • Installs with a single npm command and includes a scaffolding CLI for full projects

Trade-offs

  • The README is truncated and gives little detail on browser or device support
  • Requires JavaScript or TypeScript knowledge to use the engine directly
  • Learning the engine's API and scene model takes time; the README points to external manuals for depth

How it compares

ProjectStarsTypeLevelUpdatedBest for
engine (this)17.2kLibraryintermediate4 days agoWeb developers who want to add 3D scenes or games to a website
three.js117kLibraryintermediate4 days agoWeb developers adding interactive 3D graphics to a website
aframe17.7kLibrarybeginner4 months agoWeb developers who want to add 3D or VR scenes to a website
godot119kAppbeginner6 days agoIndie game developers who want a free engine with no royalties
phaser40.6kLibraryintermediate3 months agoDevelopers who already know JavaScript or TypeScript and want to make 2D browser games
entt13.2kLibraryadvanced4 days agoC++ game developers who want an ECS

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.