SShinUI

Drei

The R3F standard library

Shaders & WebGLOpen sourceReactThree.js

Live site

drei.docs.pmnd.rs

Preview Drei inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Cameras, controls, loaders, shaders, text, environments. If you are writing it by hand in React Three Fiber, check whether Drei already ships it.

Get started

terminal
npm i @react-three/drei

Tags

reacthelpers3d

Related in Shaders

View all

Shadertoy

shadertoy.com

The GLSL fragment shader archive

ShadersFreeGLSLWebGL

Three.js

threejs.org

The WebGL renderer everyone builds on

ShadersOpen sourceJavaScriptWebGL

React Three Fiber

r3f.docs.pmnd.rs

Three.js as React components

ShadersOpen sourceReactThree.js

by Poimandres@pmndrs