JSPM

useful add-ons for react-three-fiber

physics based hooks for react-three-fiber

Wireframe debugger for use with cannon-es https://github.com/pmndrs/cannon-es

`<Flex />` component for the 3D World.

A floating rigibody character controller for R3F

useful add-ons for react-three-fiber

ThreeD Garden: WebGL 3D Environment Interface for Next.JS React TypeScript Three.JS React-Three Physics, 2D Paper.JS; APIs: Apollo GraphQL, WordPress; CSS: Tailwind, Radix-UI; Libraries: FarmBot 3D; AI: OpenAI, DeepSeek

Prototype complex pipelines directly from a single shader by branching it into stages using React Three Fiber/React.

GLB/GLTF export button and utilities for React Three Fiber scenes. Includes automatic cleanup of lights, CSG internals, wireframes, invisible meshes, and more.

A simple and easy-to-use library for real-time lipsyncing with JS and web audio API.

👩‍🦯 Provide accessibility support to R3F such as focus indication, keyboard tab index, and screen reader support

Easily display Ready Player Me avatars and 3D on the web.

React Three Fiber component for Globe Data Visualization

Cross platform DXF loader for three.js. Out of the box usable with react-three-fiber.

High-performance WebGPU particle engine with compute shaders, GPU instancing, GLB model support, and skeletal animations

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Composable React Three Fiber building blocks for MuJoCo WASM simulations

3D viewer component for Pascal building editor

Effortlessly integrate captivating smoke effects into your React applications using Three.js and React Three Fiber (R3F)

A modern 3D-inspired UI component library for React with Three.js integration

This library allows you use Zappar's best-in-class AR technology with content built using the 3D rendering platform React Three Fiber.

High-performance GPU-accelerated particle system for Three.js WebGPU.

postprocessing wrapper for React and react-three-fiber

Procedural 3D graphics library for React Three Fiber - terrain, water, vegetation, sky, volumetrics, and characters

React + TypeScript + ThreeJS app using Material UI on NextJS, Apollo Client, GraphQL + WordPress REST APIs, for ThreeD web development.. a part of the threed.ai code family.

A simple and easy-to-use library for creating visual effects in React Three Fiber.

A React Three Fiber component to add photo mode functionality to your 3D scenes.

A 3D viewer library for CAD-like models with edge display

Force-directed graph as a React Three Fiber component

React Three Fiber component library for 3D pallet visualization and logistics simulation

An organic, breathing medusa particle effect built with React Three Fiber. Inspired by Antigravity landing page.

3D database galaxy visualization for Drift

A performance monitor for React Three Fiber. Track FPS, draw calls, memory, and GPU usage.

A React abstraction for the LGL Raytracer

A boilerplate/react-three-fiber scene wrapper with camera presets, lighting, and environment.

A stunning Three.js animation component library with particle effects, warp boxes, and tunnel animations

React wrapper for threejs ocean shader example

A React library integrating Three.js and MapLibre for 3D map visualization

npm package for importing @mannynotfound into your website.

Cross platform E57 loader for three.js and react-three-fiber.

3D hierarchy visualization library — interactive sphere navigation

React Three Fiber adapter for @spatial-engine/core

Fast physics hooks for use in react-three-fiber. Powered by web-workers and wasm.

React components and hooks for creating VR/AR applications with react-three-fiber

A simple and powerful React animation library for @react-three/fiber leveraging motion.dev

CLI to scaffold React Three Fiber templates with or without physics( Rapier )

In-browser lightmap/AO baker for react-three-fiber and ThreeJS

A simple bvh character controller for R3F

3D carousel components for React Three Fiber

High-performance 2D sprites, tilemaps, and effects for Three.js — built for WebGPU with composable TSL shaders

Easily display Ready Player Me avatars and 3D on the web.

Semantic Engine for Motion, Animation, and Numerical Topographic Interactivity & Composition. Abstracting WebGL complexity into a Tokenized Intent Schema.

A React Three Fiber component for realistic avatar lip-syncing and animations.

A 3D gallery library for React applications

A very early experimental work-in-progress package to help provide game engine functionality for react-three-fiber

Your visual workspace for React / Three Fiber.

2D physics based hooks for react-three-fiber

Modern React 3D avatar component with chat and lip-sync capabilities

A web package for threejs that enables real time rendering of optimized 3DGS (Gaussian Splatting)

MindAR components for @react-three/fiber

️Edit your react-three-fiber scene with a visual editor without giving up control over your code.

Procedural audio synthesis for Strata 3D using Tone.js - SFX, music, and ambient sound generation

React hook for recording a canvas in @react-three/fiber using canvas-record

AR.js with react-three-fiber

AR.js with react-three-fiber

Mouse UV tracking for Three.js and React Three Fiber shaders

Axie Starter: Buba, Pomodoro, and Puffy

R3F (React Three Fiber) integration for rn-playwright-driver

`<Flex />` component for the 3D World.

vctrl/viewer is a React component library for rendering and interacting with 3D models. It's part of the vectreal ecosystem and is designed to work seamlessly with the vctrl/hooks package for model loading and management.

A declarative particle system for React Three Fiber. It uses an FBO Simulation to provide incremental updates to particles, allowing for an intuitive API with use of forces. **Note**: This package is experimental and may introduce breaking changes in futu

vctrl/hooks is a React hooks package designed to simplify 3D model loading and management within React applications. It's part of the vectreal-core ecosystem and is primarily used in the vctrl/viewer React component and the official website application.

A carousel-like display to showcase your 3D models

CLI to scaffold React Three Fiber templates with or without physics( Rapier )

React Three Fiber component for Polygonjs, the WebGL design & animation tool

todo

useful add-ons for react-three-fiber

3D Graphics Library for React Apps

Assorted reusable bits of game code and, aspirationally, a flexible, 3D, performant, networked game engine

3D UI components for use with react-three-fiber. Includes WebXR support and Typescript driven documentation.

forked project ecctrl

A small plugin to display React Three Fiber stats in Leva

<h1 align="center"> <br> <a href="https://react-ecs.ldlework.com"><img src="https://i.imgur.com/Rn6yLZs.gif" alt="React ECS" width="300"></a> <br> React ECS <br> <a href="https://react-ecs.ldlework.com">react-ecs.ldlework.com</a> </h1>

Fork of react-three-third-person with additional updates.

Makes it easy to traverse triangles of three.js's Mesh, Group, BufferGeometry and Geometry object(s).

A customizable dissolve effect component for React Three Fiber applications

A React hook for responsive design with three.js and react-three-fiber

Create a new Viber3D project for building 3D games with React Three Fiber

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Unified package combining @react-three/rapier and @react-three/rapier-addons

A modern 3D-inspired UI component library for React with Three.js integration

A scroll-based 3D animation component for React.

React Three Fiber bindings for WorldMatrix runtime viewers.

Modern TypeScript volumetric fire effect for Three.js and React Three Fiber with WebGPU support.

AI coding agent skills for Three.js and React Three Fiber best practices

Installable npm bundle of AI skills with CLI and JavaScript API.

🌹 CLI for creating web projects with (my) sensible defaults

Real time optic magnifying glass component for React Three Fiber.

🌊 React plug-and-play shader library for making better visual website.

Scaffolding Your First Three Project

A collection of useful components and utilities for React Three Fiber

A React Three Fiber component for augmented reality using MindAR.js and TypeScript.

AR.js with react-three-fiber

<h1 align="center"> <br> <a href="https://react-ecs.ldlework.com"><img src="https://i.imgur.com/Rn6yLZs.gif" alt="React ECS" width="300"></a> <br> React ECS <br> <a href="https://react-ecs.ldlework.com">react-ecs.ldlework.com</a> </h1>

Image tracking with @kalwalt/jsartoolkit-nft and @react-three/fiber

Bringing spritesheets and aseprite intergration to react-three-fiber

🤖 AI generated assets for react-three-fiber

HoloScript browser runtime - React Three Fiber integration, event bus, storage, and device APIs

Build immersive, modular 3D forms in React with r3form — powered by react-three-fiber.

Fast physics hooks for use in react-three-fiber. Powered by web-workers and wasm.

Easily display Player_Zero avatars and 3D on the web.

A Three.js library for rendering wide lines with customizable attributes in React Three Fiber

Axie Starter: Buba, Pomodoro, and Puffy

React hook for loading Rhino .3dm files with three.js and Rhino3dmLoader

A helper library to track the users scroll velocity

physics based hooks for react-three-fiber

useful add-ons for react-three-fiber

A very early experimental work-in-progress package to help provide game engine functionality for react-three-fiber

React 3D avatar component with integrated chat and lip-sync capabilities

Interactive 3D model gallery with Three.js - Display and navigate 3D models with smooth carousel navigation. Works with React, Next.js, and other frameworks.

A customizable particle field for React Three Fiber

A clean react-three-fiber VRM library that supports native builds and is easier to use.

Create React Three Fiber apps with one command

A performance profiler for React Three Fiber applications

useful add-ons for react-three-fiber

A simple effects system for glTF models in React Three Fiber. This library provides a drop-in replacement for `@react-three/drei`'s `Gltf` component with the ability to add visual effects to your 3D models.

High-quality outline effects for React Three Fiber - supports GLTF, IFC (via @thatopen/fragments & IFC.js), and any 3D model using post-processing shaders

useful add-ons for react-three-fiber

Modern third-person shooter controls for React Three Fiber

`<Flex />` component for the 3D World.

This toolset provides useful components for creating xr content with react-three-fiber.

Create React App template for ThreeJS ( by @marcogomez_ https://mgz.me )

Create production-ready Three.js and WebXR projects instantly with physics, VR controllers, and real 3D models included. Get started with WebXR development in minutes using this complete starter kit.

Reusable XR/VR widgets and utilities for React Three Fiber - includes resizable windows, 360° video player, splash screens, and XR helper components

A React component library for building markerless AR experiences with 3D models rendered over a live camera feed using Three.js and React Three Fiber.

A tool to convert URDF into react three fiber JSX component

A React component library for rendering NURBS (Non-Uniform Rational B-Spline) surfaces in Three.js. Built with React Three Fiber, this library provides an easy way to create and visualize complex curved surfaces in your 3D applications.

Text field for React Three Fiber

Jolt Physics Hooks for React-Three-Fiber

Audio-reactive liquid orb 3D component for AI interfaces

An interactive CLI tool for converting 3D models to GLB format and outputting React components to use with r3f. Supports FBX, OBJ, and glTF input formats.

React Three Fiber bindings for three-asset-placer

Official Octaiv SDK - Universal avatar components with AI voice interaction for React, Vue, Angular, Svelte, and vanilla JavaScript. Easy integration, powerful features.

useful add-ons for react-three-fiber

Real-time 2D fluid velocity simulation for React Three Fiber.

A fake lighting system for React Three Fiber that allows GLTF models to emit and receive custom lighting

package for adding third person controls in @react-three/fiber.

A TypeScript library built on react-three-fiber and drei that provides utilities that simplify 3D development. Designed for developers who prioritize clean, maintainable code.

Animated component for react-spring for use with Three.js ShaderPass and custom shader materials

Small set of utils for @react-three/fiber

<h1 align="center">react-three-animation ⚡ Welcome 😀</h1>

useful add-ons for react-three-fiber

A collection of React Three Fiber 3D shape components

Jolt physics in React

Create quick react three fiber project to make art or play around with 3D

A threejs / @react-three/fiber library to add visual effects like atmospheres to your scene.

A highly configurable React component for creating stunning 3D particle morph effects with Three.js

A collection of react-three-fiber components for the Viam robotics framework.

A React component for displaying 3D models (GLTF/GLB) using Three.js.

️Edit your react-three-fiber scene with a visual editor without giving up control over your code.

react-three-fiber components for visualizing robots

Addons for @react-three/jolt

A react-three-fiber library for mesh editing similar to Blender with object/edit modes, vertex/edge/face selection

**velox3d** is a lightweight Three.js scene initializer with built-in best practices, clean defaults, and extensibility. It gives you a powerful 3D setup with just one function call — ideal for beginners and fast prototyping, but flexible enough for advan

Easy-to-use React component for joystick and pointer controls in 3D scenes (Three.js/React Three Fiber). Setup movement, camera rotation, and customizable UI.

React components and hooks for creating VR/AR applications with react-three-fiber

[](https://www.npmjs.com/package/@mattrossman/react-three)

A floating rigibody character controller for R3F

npm package for importing @mannynotfound into your website.

React and React Three Fiber integration for 3Lens devtool

Pre-compile Three.js shaders to prevent runtime stutter (jank) in React Three Fiber apps

A Three.js scene inspector for React Three Fiber applications

<h1 align="center"> <br> <a href="https://react-ecs.ldlework.com"><img src="https://i.imgur.com/Rn6yLZs.gif" alt="React ECS" width="300"></a> <br> React ECS <br> <a href="https://react-ecs.ldlework.com">react-ecs.ldlework.com</a> </h1>

A CLI tool to quickly scaffold Three.js projects with support for multiple frameworks like Vanilla Three.js, TresJS (Vue + Three.js), and React Three Fiber (React + Three.js). Perfect for developers who want to jumpstart 3D projects without the hassle of

Cross platform GeoJSON loader for three.js. Out of the box usable with react-three-fibre.

Inspect HTML textures on React Three Fiber meshes

A simple and easy-to-use library for real-time lipsyncing with JS and web audio API.

Primitive-based Saturn visualization component for aerospace applications

Primitive-based Uranus visualization component for aerospace applications

Plug-and-play object rotation for R3F with mouse and touch controls.

Gamified character leveling system for Firebase + Next.js apps

Cross platform DXF loader for three.js. Out of the box usable with react-three-fiber.

Cross-platform input, device detection, and haptics for Strata 3D games

Pre-configured presets for Strata 3D - ready-to-use terrain, weather, physics settings

A Vite plugin for React Three Fiber that enables scene editing capabilities. The plugin provides transform controls for meshes and automatically saves their transformations to a JSON file.

A Light debugger for React Three Fiber

A floating rigibody character controller for R3F

Adapter to render Remix elements with react-three-fiber

A collection of experimental react-three-fiber tools and toys that aren't quite ready to be released as their own packages.

🥽 Declarative WebXR-compatible postprocessing effects for React Three Fiber. Stereo-aware visual effects that work seamlessly in VR/AR and standard 3D rendering.

Cross platform Shapefile loader for three.js. Out of the box usable with react-three-fiber.

useful add-ons for react-three-fiber

Controllers for @react-three/jolt

AR.js with react-three-fiber

An interactive 3D bot avatar component built with React Three Fiber. Features customizable emotions, speaking animations, and smooth transitions.

Cross platform KML loader for three.js. Out of the box usable with react-three-fiber.

useful add-ons for react-three-fiber

React Three Fiber scroll-driven 3D animation components

React Three Fiber reusable component package

Primitive-based Mercury visualization component for aerospace applications

Primitive-based Jupiter visualization component for aerospace applications

Shape-aware area lighting for GLTF models in React Three Fiber - realistic light emission from object surfaces

Primitive-based Earth visualization component for aerospace applications

Primitive-based Neptune visualization component for aerospace applications

Primitive-based Moon visualization component for aerospace applications

useful add-ons for react-three-fiber

Custom react-three-mind

useful add-ons for react-three-fiber

useful add-ons for react-three-fiber

3D visualization of GitHub repository evolution over time using React Three Fiber

useful add-ons for react-three-fiber

A React library for converting DOM elements to React Three Fiber components

WebGPU-compatible View component for React Three Fiber, drop-in replacement for @react-three/drei View

Primitive-based Venus visualization component for aerospace applications

physics based hooks for react-three-fiber

Cross platform GeoJSON exporter for three.js. Out of the box usable with react-three-fibre.

TypeScript library for Three.js Shader Language (TSL) utilities for React Three Fiber projects

physics based hooks for react-three-fiber

GLSL shader collection for Strata 3D - terrain, water, clouds, volumetric effects

Primitive-based Mars visualization component for aerospace applications

useful add-ons for react-three-fiber

MGR PERFECT CODE — The Ultimate AI Instruction System. 197 components. Drop into any project, tell any AI to read MGR.md, and watch it build industry-beating software. Works with Claude, GPT, Gemini, Cursor, Windsurf, Copilot, ANY AI.

Agent-first shader registry CLI for Three.js — search and add shaders to your project

3D hexagon grid background for the Dangerous Things design system