PixiJS

Used by hundreds of global brands, among them Marvel, Red Bull, Spotify, YouTube, Adobe, Disney, Google, BBC, HBO, LEGO, 20th Century Fox, Barclays, Bose, Cartoon Network, H&M, Lucasfilm, McDonald's, Orange, PBS, Ray-Ban, Steam, TEDx, Toyota, Ubisoft, Volkswagen.

Fast
PixiJS is built for speed. It's the fastest 2D renderer there is, and PixiJS 3D batches meshes into instanced draw calls.
Flexible
An easy-to-use, feature-rich API takes care of the fundamentals while you focus on building games and apps for any platform.
Free
PixiJS is and always will be open source, with a large and supportive community that contributes to its development.

PICK A DIMENSION

2D, 3D or both.

PixiJS 3D is an extension, not a fork. It renders inside your 2D app, so you can add it to a project you already have.

2Dv8.23.0

The 2D engine behind games, ads, apps and interactive sites for hundreds of global brands. It draws sprites, text, graphics and filters on WebGPU or WebGL.

Explore 2D

3DNEWv0.1.0

PixiJS 3D

It adds meshes, PBR materials, lights, shadows and glTF models to the same scene graph as your sprites.

Explore 3D

PixiJS features

Everything that made PixiJS fast in 2D, now in 3D too.

Multi-platform support
Run your content on desktop, mobile and any other device with a modern browser. Write one codebase and ship it to all of them.
Advanced text rendering
Text renders anti-aliased at native and retina resolutions, so it reads as clearly on the canvas as it does anywhere else.
Full scene graph+ Z AXIS
Organise your objects in hierarchical trees, with parent-child relationships, in two dimensions or three.
Tinting & blending modes
Tint any object and use the Photoshop-style blend modes that designers already know.
Asset loader+ glTF
Load spritesheets, graphics, fonts and animation data, and now glTF and GLB models with their materials, skins and animations.
Spritesheet support
Load a range of spritesheet formats, with support for trimming and rotational packing to fit more sprites on each sheet.
Filters & materials+ PBR
Use the built-in filters or write your own shaders. Meshes get metallic-roughness materials, image-based lighting and point, spot and directional lights.
Renderer auto-detect
Ask for WebGPU and PixiJS falls back to WebGL wherever it isn't available. It handles the switch for you, in 2D and 3D.
Easy API
The API is designed to be easy to learn. It's simple enough for beginners and still gives experienced developers full control.
Multi-touch interactivity+ 3D PICKING
PixiJS tracks multi-touch input, and now ray-picks meshes so they take the same pointer events as your sprites.
Accessibility
PixiJS places hidden DOM elements over accessible objects, so screen readers and keyboard users can reach them. No other WebGL renderer does this.
Deploy into apps
Wrap your project with Capacitor, Electron or Cordova to ship it to app stores and desktops. You can prototype and release with the same code.