Zephyr3D Logo WebGL / WebGPU

Modern TypeScript Rendering Engine

Zephyr3D — Lightweight, Cross‑Backend & High‑Performance browser rendering engine

Built on TypeScript and a cross‑platform RHI abstraction, Zephyr3D provides a unified API over WebGL / WebGL2 / WebGPU. With a flexible shader generation system, a full‑featured scene graph, and a web‑based editor ecosystem, it delivers high‑performance solutions for visualization, games, and digital‑twin scenarios.

Learn more View docs Open Online Editor GitHub
  • Seamless WebGL / WebGL2 / WebGPU backend support
  • Type‑safe TypeScript API
  • Modular architecture with flexible extensibility
  • Cross‑platform programmable shader generation
  • Integrated scene editor and asset pipeline
Click to play the engine showcase

Overview

Zephyr3D is a modern rendering engine built on TypeScript with clear modular boundaries and well‑designed abstractions. Through a flexible graphics backend layer and unified resource system, Zephyr3D lets developers focus on product and creativity rather than low‑level complexity.

Modular Architecture

Core modules include Base / Device / Scene / Editor. They can be used independently or combined, covering the full workflow from low‑level graphics to high‑level scene systems.

Cross‑Backend Rendering

Seamlessly switch between WebGL, WebGL2, and WebGPU backends to balance compatibility and performance.

TypeScript‑Friendly

Designed with modern TypeScript: strong typing, smart inference, and modular packaging to support large‑scale engineering.

Demos

Click a card to run the demo scene, or open it in the editor in read‑only mode.

Want to see more examples? Visit the Demos page for the full list.

Architecture & Modules

A layered design from low‑level to high‑level, making it easy to maintain and extend across backends.

Zephyr3D Editor

A fully browser‑based visual development environment for projects, supporting scene editing, script components, asset import, and real‑time preview. With IndexedDB‑backed project storage and one‑click publishing, it provides a complete toolchain for Web 3D creation.

Scene & Asset Management

Create projects, import assets, and manage scenes and prefabs.

Materials & Terrain Editing

Node‑based material editor and terrain painting tools.

Scripting & Animation

TypeScript scripting, keyframe animation, and curve editor.

Preview & Export

Run projects directly in the browser and export as standalone webpages with one click.