Skip to content
Dev Tools Library

React Three Fiber

Three.js the declarative way, with React components.

LibraryOpen source
Open site(opens in a new tab)Repository(opens in a new tab)npm(opens in a new tab)

React renderer for Three.js that lets you build 3D scenes with components and hooks, with a large ecosystem of helpers (drei).

When to use

For 3D scenes in React apps, using React components and state.

When to avoid

Outside React, or in scenes that require fine control of the render loop.

Alternatives

They do a similar job. Compare before choosing.

  • Three.js

    3D library for the web (WebGL/WebGPU).

    LibraryOpen source★ 117.2K

Related

From the same area, with a close purpose.

  • Next.js

    React framework with SSR, routing and edge.

    FrameworkOpen source★ 143.2K

  • MUI

    React component library based on Material Design.

    LibraryOpen source★ 99.3K

  • Zustand

    Minimal global state for React, with no boilerplate.

    LibraryOpen source★ 58.9K

  • React Router

    Routing and full-stack framework for React (Remix's successor).

    FrameworkOpen source★ 56.6K