Community Components

Fresh

This page showcases React Three Fiber community components that have not been merged to the drei components collection or to another pmndrs project.

Data Sources

Community components for working with geospatial and 3D tile data:

• NASA-AMMOS/3DTilesRendererJS — 3D Tiles renderer for R3F. Supports large-scale geospatial 3D content.
• Luma Labs Gaussian Splats — Gaussian splatting renderer for photorealistic captures
• NYTimes/three-loader-3dtiles — Alternative 3D Tiles loader

Renderers and Frameworks

• Takram three-geospatial — Clouds and atmosphere rendering. Includes a clouds package with Tokyo demos and an atmosphere package with Manhattan demos.
• Looking Glass — Holographic display support for WebXR
• Theatre.js — Professional animation tool with a visual editor. Integrates with R3F for keyframe and spring animations.

Materials

• FarazzShaikh/CustomShaderMaterial — Extend built-in three.js materials with custom GLSL shaders, keeping all the benefits of the original material
• pmndrs/THREE.MeshLine — Mesh-based lines (not LineSegments) for proper anti-aliasing and width control
• ektogamat/R3F-Ultimate-Lens-Flare — Physically-based lens flare effect for R3F
• troika-three-text — High-quality text rendering for three.js using SDF fonts

Utilities

• utsuboco/r3f-perf — Performance monitoring overlay. Shows FPS, memory usage, and GPU metrics directly in your scene. Useful during development.

How to Submit

If you'd like to list new community components, make a PR to the official react-three-fiber documentation repository adding your component to the community-r3f-components page.

Components listed here meet these criteria:

• Actively maintained
• Specifically built for or works well with R3F
• Not already part of drei or another pmndrs project
• Has documentation and examples