# React Three Fiber

> React renderer for Three.js: 3D scenes as JSX components

- Category: 3D & WebGL (`three`)
- Tags: `react`, `webgl`, `open-source`, `free`
- Official: https://docs.pmnd.rs/react-three-fiber
- GitHub: https://github.com/pmndrs/react-three-fiber
- Wunderlust: https://wunderlust.xyz/r/react-three-fiber
- Image: https://wunderlust.xyz/media/react-three-fiber-poster.jpg
- Video preview: https://wunderlust.xyz/media/react-three-fiber.webm
- Added: 2026-11-06

## What it is

React Three Fiber is a React renderer for Three.js that lets you write 3D scenes as JSX components. The documentation lives at docs.pmnd.rs and the code is open source.

## What it’s for

For building 3D scenes and WebGL experiences in a React project.

## Benefits

- 3D scenes written as JSX components
- Uses Three.js underneath
- Open source, under the MIT license
- Official documentation at docs.pmnd.rs

## Similar on Wunderlust

- [Three.js](https://wunderlust.xyz/r/three-js.md): JavaScript library for 3D graphics on the web
- [Shader Gradient](https://wunderlust.xyz/r/shadergradient.md): Animated 3D gradients for React, Framer and Figma
- [Shaders](https://wunderlust.xyz/r/shaders.md): Library of GPU/WebGPU-accelerated visual effects
- [Cult UI](https://wunderlust.xyz/r/cult-ui.md): 154 open source animated components for shadcn/ui projects
- [React Bits](https://wunderlust.xyz/r/react-bits.md): A library of animated React components: text, backgrounds and microinteractions
- [shadcn/ui](https://wunderlust.xyz/r/shadcn-ui.md): Accessible, customizable components for building your own design system