Dive into WebGPU with gpu-curtains

Learn how you could leverage the power of WebGPU to enhance your websites user experience with various usage examples of the library in a 4 steps tutorial.

Start with a basic scene displaying a few hundred meshes contained in the viewport. Then, learn how to apply a lambert shader with a directional light from scratch.

Gallery delight

Add a bunch of DOM-synced planes. Easily add an animation every time the plane enters the viewport.
Add an additional post-processing effect based on the scroll velocity.

A 3D product configurator

Load a glTF and synced its size and position with a DOM element. Apply a physically based rendering shader and customized it to update the mesh base color.

Model by Maxitaxx.

For particles lovers

Animate 100.000 particles using instancing and compute shaders.
Learn how meshes can cast and receive shadows using shadow mapping.