No bundler. No framework. Just browser modules.

Babylon Lite, directly in the browser

Build interactive 3D scenes with Babylon Lite, the lightweight WebGPU renderer in the Babylon.js ecosystem. Import the official browser distribution with an import map and use plain HTML and JavaScript—no bundler required.

Run the first scene Read the guide

Checking WebGPU support...

Examples

Start with working source

Loading package version...
01

Basic scene

A camera, light, PBR sphere, and ground using the explicit Lite scene lifecycle.

Open example
02

Load a glTF model

Load a self-hosted glTF model and frame it automatically.

Open example
03

Animate a scene

Update plain mesh data from an onBeforeRender callback.

Open example
04

Advanced materials

Compare clear coat, sheen, and iridescence on animated PBR torus knots.

Open example
05

Procedural geometry

Generate a double helix from tubes and animate its line data on the GPU.

Open example
06

Boolean mesh sculpting

Subtract and union primitive solids into a completely new renderable mesh.

Open example
07

Load from an npm CDN

Run Babylon Lite from jsDelivr with only an import map and native browser modules.

Open example
08

UNPKG crystal garden

A vivid field of reflective crystals loaded directly from UNPKG.

Open example
09

jsDelivr aurora orbit

Emissive rings and colorful orbiters powered by a pinned jsDelivr module.

Open example

How it works

Native ESM from npm to browser

  1. Choose a pinned npm CDN URL or install @babylonjs/lite locally.
  2. Serve the official browser bundle from the CDN or your own static site.
  3. Map the package name to that file with a browser import map.
  4. Import named Lite APIs from ordinary module scripts.