diff --git a/docs/getting-started/examples.mdx b/docs/getting-started/examples.mdx index 124bc4fae2..83d144a9c4 100644 --- a/docs/getting-started/examples.mdx +++ b/docs/getting-started/examples.mdx @@ -337,6 +337,81 @@ nav: 3 +## R3F community components + +### Repos and docs + +This page showcases some React Three Fiber/r3f community components that have not been merged to the [drei](http://drei.docs.pmnd.rs) components collection or to another [pmndrs](https://github.com/pmndrs) project. If you'd like to list new community components, please make a PR to [this doc](https://github.com/pmndrs/react-three-fiber/tree/master/docs/getting-started/community-r3f-components.mdx) file. + +#### Data sources + + - Luma Labs [Gaussian Splats](https://cdn-luma.com/public/lumalabs.ai/luma-web-library/0.2/fefe154/index.html#react-three-fiber) renderer doc with demos + - [NASA-AMMOS/3DTilesRendererJS](https://github.com/NASA-AMMOS/3DTilesRendererJS/) (r3f [wip readme](https://github.com/NASA-AMMOS/3DTilesRendererJS/tree/r3f-dev/src/r3f/README.md)) repo with doc + - [NYTimes/three-loader-3dtiles](https://github.com/nytimes/three-loader-3dtiles/blob/dev/examples/r3f/src/index.tsx) and [doc](https://nytimes.github.io/three-loader-3dtiles/) + +#### Renderers & frameworks + + - [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) doc and demos + - [Theatre-js](https://github.com/theatre-js/theatre) repo and [doc](https://www.theatrejs.com/docs/latest) + +#### Materials + + - [FarazzShaikh/CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) + - [spite/THREE.MeshLine](https://github.com/spite/THREE.MeshLine) + - [ektogamat/R3F-Ultimate-Lens-Flare](https://github.com/ektogamat/R3F-Ultimate-Lens-Flare) + - [troika-three-text](https://github.com/protectwise/troika/tree/main/packages/troika-three-text) + +#### Utilities + + - [utsuboco/r3f-perf](https://github.com/utsuboco/r3f-perf) + + +### Codesandboxes and demos + + +
  • + [NASA-AMMOS/3DTilesRendererJS](https://github.com/NASA-AMMOS/3DTilesRendererJS) + + [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) +
  • +
  • + [Luma Gaussian Splats](https://cdn-luma.com/public/lumalabs.ai/luma-web-library/0.2/fefe154/index.html#react-three-fiber) + +
  • +
  • + [NYTimes/three-loader-3dtiles](https://github.com/nytimes/three-loader-3dtiles/blob/dev/examples/r3f/src/index.tsx) + + [three-loader-3dtiles r3f demo](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/) +
  • +
  • + [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) + +
  • +
  • + [Theatre-js](https://github.com/theatre-js/theatre) + +
  • +
  • + [FarazzShaikh/THREE-CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) + + [THREE-CustomShaderMaterial r3f demo](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) +
  • +
  • + [utsuboco/r3f-perf](https://github.com/utsuboco/r3f-perf) + +
  • +
  • + [spite/THREE.MeshLine](https://github.com/spite/THREE.MeshLine) + +
  • +
  • + [ektogamat/R3F-Ultimate-Lens-Flare](https://github.com/ektogamat/R3F-Ultimate-Lens-Flare) + + [R3F-Ultimate-Lens-Flare demo](https://ultimate-lens-flare.vercel.app/) +
  • +
    + + ## Game prototypes