JavaScript react-three-fiber

Open-source JavaScript projects categorized as react-three-fiber

Top 15 JavaScript react-three-fiber Projects

react-three-fiber
  1. drei

    🥉 useful helpers for react-three-fiber

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. react-three-next

    React Three Fiber, Threejs, Nextjs starter

  4. react-three-arjs

    AR.js with react-three-fiber

  5. AutoFocusDOF

    Autofocus DOF component for React Three Fiber

  6. death-stranding-ui

    Death Stranding UI made in React

  7. r3f-terrain

    react-three-fiber terrain generator

  8. react-fp-movement

    Basic scene with geometries and gLTF models to control a character in first person camera

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
  10. react-three-fiber-cloth-example

    Port of the three.js cloth example to React Three Fiber

  11. circuit-rush

    React Three Fiber Racing Game

  12. Apple-website

    Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.

  13. triangular-grid-model-synthesis-3d

    A quick demo of model synthesis on a triangular grid in react three fiber

  14. portfolio-22

    My 2022 Portfolio

  15. use-animation

    react hook for reactive animations, powered by rxjs

  16. thistle

    react-three-fiber 3D horror shooter demo: https://youtu.be/2jMmznMro2E

  17. you-are-online

    A react-three-fibre website with shaders, animated camera transitions and an animated model.

  18. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript react-three-fiber discussion

Log in or Post with

JavaScript react-three-fiber related posts

  • Building Your First Browser Game with Three.js and React: Part 2 - Implementing 3D Models

    2 projects | dev.to | 10 May 2024
  • Show HN: 3D Framework for the Web. Built on Svelte and Three.js

    7 projects | news.ycombinator.com | 29 Apr 2024
  • figured out an outline shader, heres the code (raymarching)

    1 project | /r/threejs | 11 Dec 2023
  • React Lazy Loading react-three-fiber component

    1 project | /r/threejs | 6 Dec 2023
  • Cannot render glb file in frontend, instead it showing a black image

    1 project | /r/threejs | 6 Jul 2023
  • MeshPortalMaterial component from Drei is magic

    2 projects | /r/threejs | 30 Jun 2023
  • Open Source Project Ideas for Three.js?

    1 project | /r/threejs | 3 Apr 2023
  • A note from our sponsor - Stream
    getstream.io | 8 Jul 2025
    Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure. Learn more →

Index

What are some of the best open-source react-three-fiber projects in JavaScript? This list will help you:

# Project Stars
1 drei 9,031
2 react-three-next 2,713
3 react-three-arjs 189
4 AutoFocusDOF 147
5 death-stranding-ui 45
6 r3f-terrain 43
7 react-fp-movement 37
8 react-three-fiber-cloth-example 26
9 circuit-rush 23
10 Apple-website 17
11 triangular-grid-model-synthesis-3d 7
12 portfolio-22 5
13 use-animation 3
14 thistle 0
15 you-are-online 0

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?