awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
pmndrs avatar

pmndrs/react-three-fiber

0
View on GitHub↗
31,172 stars·1,866 forks·TypeScript·MIT·64 viewsdocs.pmnd.rs/react-three-fiber↗

React Three Fiber

This project is a React-based WebGL renderer that enables the creation of three-dimensional scenes using a declarative, component-driven architecture. It functions as a bridge between a component-based user interface library and a low-level graphics engine, allowing developers to manage lights, cameras, and geometry as standard elements within a reactive tree structure.

The library distinguishes itself by treating the scene graph as a declarative hierarchy that synchronizes directly with application state and lifecycle events. It utilizes a custom reconciler to map component updates to object mutations, while a reflection-based system automatically binds component properties to underlying graphics objects. By integrating directly with the animation frame cycle, it ensures that visual updates remain synchronized with the render loop.

Beyond core rendering, the project provides a normalized event system that translates pointer interactions into raycasting intersections for 3D objects. It supports the development of consistent graphical content across desktop and mobile browsers through a unified programming model, while using context-based patterns to manage scene-specific instances like cameras and renderers.

Features

  • WebGL & GPU Rendering - Provides a bridge between a component-driven UI library and a low-level graphics engine to manage complex 3D scenes.
  • Rendering - Treats three-dimensional scene elements as reusable UI components that synchronize with application state.
  • Component-Based Scene Graphs - Manages hierarchical 3D object structures through reusable code blocks that synchronize with application state.
  • Declarative 3D Scene Graphs - Maps three-dimensional objects, lights, and cameras into a standard tree structure for reactive interface development.
  • Reconciliation Engines - Uses a custom renderer to coordinate component updates and object property synchronization within the standard component lifecycle.
  • Renderers - Renderer for Three.js 3D graphics.
  • Renderers and Integration - Renderer for Three.js 3D scenes.
  • Declarative Scene Graphs - Maps component lifecycle events to object mutations by treating the scene graph as a declarative tree structure.
  • Render Loop Integrations - Hooks into the request animation frame cycle to synchronize component updates with the underlying WebGL render loop.
  • Declarative Property Bindings - Automatically maps component props to object properties and methods using a reflection-based setter system.

Star history

Star history chart for pmndrs/react-three-fiberStar history chart for pmndrs/react-three-fiber

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with React Three Fiber

These projects share indexed features with React Three Fiber. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • troisjs/troistroisjs avatar

    troisjs/trois

    4,500View on GitHub↗

    Trois is a declarative 3D scene manager and a Three.js component library for Vue 3. It acts as a reactive wrapper that maps Three.js scene graphs and materials to a Vue component tree, allowing for the creation of web-based 3D renderers using HTML-like templates. The project synchronizes a reactive component tree with a 3D scene graph through proxy-based state binding and reactive property mapping. It features a component-based scene graph that manages spatial transformations and object lifetimes, integrating a requestAnimationFrame loop with component lifecycle events. The library covers a

    TypeScript3dthree-jsthreejs
    View on GitHub↗4,500
  • remotion-dev/remotionremotion-dev avatar

    remotion-dev/remotion

    50,931View on GitHub↗

    Remotion is a programmatic video framework that enables the creation of video content using component-based logic and standard web technologies. By leveraging a declarative animation engine, it allows developers to structure visual content as a hierarchy of reusable components, ensuring that animations and state updates remain consistent through deterministic frame execution. The framework distinguishes itself by utilizing a headless browser renderer that captures visual output frame-by-frame to generate high-quality video files. This architecture supports a cloud-native media pipeline, allow

    TypeScriptjavascriptreactvideo
    View on GitHub↗50,931
  • pixijs/pixijspixijs avatar

    pixijs/pixijs

    47,416View on GitHub↗

    PixiJS is a high-performance 2D rendering engine designed for building interactive visual content and browser-based games. It provides a hardware-accelerated graphics library that leverages WebGL and WebGPU backends to execute complex scenes, utilizing a hierarchical scene graph to manage object transformations and display order. The project distinguishes itself through a sophisticated architecture that decouples rendering logic from hardware APIs, allowing for consistent performance across diverse browser environments. It features a robust, asynchronous asset pipeline that handles loading, c

    TypeScriptcanvascanvas2ddata-visualization
    View on GitHub↗47,416
  • visgl/deck.glvisgl avatar

    visgl/deck.gl

    13,875View on GitHub↗

    This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf

    TypeScriptdata-visualizationgeospatial-analysisjavascript
    View on GitHub↗13,875
Compare all 30 related projects→

Frequently asked questions

What does pmndrs/react-three-fiber do?

This project is a React-based WebGL renderer that enables the creation of three-dimensional scenes using a declarative, component-driven architecture. It functions as a bridge between a component-based user interface library and a low-level graphics engine, allowing developers to manage lights, cameras, and geometry as standard elements within a reactive tree structure.

What are the main features of pmndrs/react-three-fiber?

The main features of pmndrs/react-three-fiber are: WebGL & GPU Rendering, Rendering, Component-Based Scene Graphs, Declarative 3D Scene Graphs, Reconciliation Engines, Renderers, Renderers and Integration, Declarative Scene Graphs.

Which projects share features with pmndrs/react-three-fiber?

Projects with overlapping indexed features include: troisjs/trois — Trois is a declarative 3D scene manager and a Three.js component library for Vue 3. It acts as a reactive wrapper that… remotion-dev/remotion — Remotion is a programmatic video framework that enables the creation of video content using component-based logic and… pixijs/pixijs — PixiJS is a high-performance 2D rendering engine designed for building interactive visual content and browser-based… visgl/deck.gl — This project is a declarative visualization library and geospatial framework designed for rendering large-scale data… servo/servo — Servo is a high-performance, memory-safe web rendering engine designed for cross-platform embedding. It provides a… gpac/gpac — GPAC is an open-source multimedia framework built around a pluggable filter graph pipeline, where modular processing…