3D & graphics

A batteries-included WebGL/WebGPU engine — more out-of-the-box tooling than Three.js, with great WebXR support. The pick when you want an engine, not a library.

The indispensable helper kit for R3F — controls, loaders, cameras, environments, shaders, all ready-made. You'll install it five minutes after R3F.

Google's web component to drop a 3D or AR model on a page with one tag. The simplest possible way to show a product in 3D, AR included.

Creative coding made friendly — draw, animate and play with generative graphics in a few lines. The staple of art-school sketches and generative experiments.

A vector-graphics framework on Canvas with deep Bezier and boolean-path tools. The pick for illustration, diagram and path-heavy tools.

One of the fastest 2D WebGL renderers on the web, used by Adobe and Disney. Reach for it when raw 2D rendering performance matters more than a full engine.

An open-source WebGL game engine with a collaborative browser editor. Strong for real-time 3D and games when you want a Unity-like workflow on the web.

Free, no-strings CC0 HDRIs, textures and models — the asset pantry for any 3D project. The quality is high and the license is as permissive as it gets.

Three.js as declarative React components — reactive, composable, the way to do 3D in a React app. If you know React, this is how 3D finally clicks.

Declarative 3D physics for R3F via the Rust Rapier engine. The current go-to for bouncing, colliding, falling things in a React scene.

The hub where shader artists write and share GLSL in the browser. The best place to learn by reverse-engineering jaw-dropping community shaders.

The YouTube of 3D models — where to find, preview and download assets for a web scene. A huge free library if you don't want to model it yourself.

Design interactive 3D in the browser with no WebGL knowledge, then embed it. The fastest way for designers to get real 3D on a site — watch the export limits on the free tier.

The free, interactive book that demystifies GLSL fragment shaders step by step. The canonical starting point if shaders intimidate you.

A real timeline and graph editor in the browser for sequencing UI, DOM and 3D animation. Brings motion-designer tooling to code; integrates tightly with R3F.

The library that put 3D in the browser and still the standard — almost every web 3D effect you admire is built on it. Steep, but the ecosystem and docs are enormous.

Widely considered the definitive way to learn Three.js, beginner to advanced. Paid, but a one-time buy with lifetime access — worth it if 3D is your path.

A visual editor for R3F scenes where edits write back to your JSX. Promising for building 3D without living in code; runs standalone or in VS Code.

A clean 2D drawing API that renders to canvas, SVG or WebGL from one codebase. Nice when you want shapes and motion without committing to a renderer.

Animated WebGL backgrounds you configure on the site and drop in. The quick route to that subtle moving hero background — just don't overdo it.

Playful, flat-shaded pseudo-3D — round, friendly shapes without the WebGL weight. Perfect for charming little 3D logos and illustrations.