i ideas / repo launcher
pmndrs avatar

pmndrs/react-three-fiber

★ 33,652TypeScriptMIT87

🇨🇭 A React renderer for Three.js

What it is

Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem. [!WARNING] Three-fiber is a React renderer, it must pair with a major version of React, just like react-dom, react-native, etc. @react-three/fiber@8 pairs with react@18, @react-three/fiber@9 pairs with react@19.

When to use it

Reach for react-three-fiber when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged 3d, animation, fiber, react.

Category
UI & Design
Also in
Frontend Frameworks
Stars
33,652
Forks
2,097
Last push
21 days ago
Created
2019-02-25
Open issues
37
Website
docs.pmnd.rs/react-three-fiber
#3d#animation#fiber#react#renderer#threejs#typescript

Quick start

$ git clone https://github.com/pmndrs/react-three-fiber.git

Hand it to your AI

Read https://ideas.asveas.com/r/pmndrs/react-three-fiber.md and help me add pmndrs/react-three-fiber to my project. Explain the setup steps for my stack and show the minimal code to get it working.
UI & DesignMarkdown .mdOpen on GitHub ↵

Alternatives to react-three-fiber

All UI & Design →
excalidraw avatarexcalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136kshadcn-ui avataruiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128kmrdoob avatarthree.jsJavaScript 3D Library.★ 118ktailwindlabs avatartailwindcssA utility-first CSS framework for rapid UI development.★ 98.6ktldraw avatartldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4kgradio-app avatargradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k

Pairs well with

img2threejs avatarimg2threejsRebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.★ 21.2kmotiondivision avatarmotionA modern animation library for React and JavaScript★ 35.1kueberdosis avatartiptapThe headless rich text editor framework for web artisans.★ 39kxyflow avatarxyflowReact Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.★ 39kmantinedev avatarmantineA fully featured React components library★ 31.9kheroui-inc avatarheroui🚀 Beautiful, fast and modern React UI library. (Previously NextUI)★ 31.2k

FAQ

What is react-three-fiber?

pmndrs/react-three-fiber is an UI library on GitHub: 🇨🇭 A React renderer for Three.js Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem.

When should I use react-three-fiber?

Reach for react-three-fiber when you want your app to look great fast — components, icons, motion, charts or rich editors — it's written in TypeScript and fits stacks tagged 3d, animation, fiber, react.

What are the best alternatives to react-three-fiber?

Popular alternatives in UI & Design: excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).

Is react-three-fiber actively maintained?

pmndrs/react-three-fiber looks very actively maintained: the last push was 21 days ago (2026-10-21), with 33,652 stars and 37 open issues.

What license does react-three-fiber use?

pmndrs/react-three-fiber is published under the MIT license. Check the repository's LICENSE file before commercial use.