From 70e73ba60d04302dfd206bd6ebe5b259a82e47ca Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 15:35:48 +0200 Subject: [PATCH 01/25] Showcase External r3f components on docs https://github.com/pmndrs/react-three-fiber/issues/3377 --- .../community-r3f-components.mdx | 69 +++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 docs/getting-started/community-r3f-components.mdx diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx new file mode 100644 index 0000000000..c813bcc79a --- /dev/null +++ b/docs/getting-started/community-r3f-components.mdx @@ -0,0 +1,69 @@ +--- +title: Community R3F Components +description: This page showcases some React Three Fiber/r3f components that have not been merged to a pmndrs project or drei. +nav: 2 +--- + +If you'd like to list new components, please make a PR to [this doc](https://github.com/pmndrs/react-three-fiber/tree/master/docs/getting-started) 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 + - [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)) + - [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) + - [Theatre-js](https://github.com/theatre-js/theatre) + +# Materials + - [FarazzShaikh/THREE-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) + + + + +
  • + Luma + +
    • +
  • + 3DTilesRendererJS + ![![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) +
    • +
  • + three-loader-3dtiles + ![![r3fDemo-screen](https://rd.nytimes.com/static/1ffcbe7f02d6168aecebdb7a84929dcf/1b9fc/7579e21f-3af0-46bb-a073-28c4a97594f9_Demo4.jpg)](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/) +
    • +
  • + Looking Glass + + hello-three-js-gltf-c4uyw2 +
    • +
  • + TheatreJS + + theatre-js-x-three-js-the-studio-3wdxdi +
    • +
  • + THREE-CustomShaderMaterial + ![![r3fDemo-screen](https://raw.githubusercontent.com/FarazzShaikh/THREE-CustomShaderMaterial/main/assets/caustics-demo.png)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) +
    • +
  • + spite/THREE.MeshLine + +
    • +
  • + ektogamat/R3F-Ultimate-Lens-Flare + ![![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/) +
    • +
  • + utsuboco/r3f-perf + +
    • +     + From a39df86075669f2e4b9f1006ac028e3d83345b9d Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 16:16:06 +0200 Subject: [PATCH 02/25] Update non codesanbox image links --- .../getting-started/community-r3f-components.mdx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index c813bcc79a..39255596b0 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -29,20 +29,19 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • Luma - +
  • 3DTilesRendererJS - ![![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
  • three-loader-3dtiles - ![![r3fDemo-screen](https://rd.nytimes.com/static/1ffcbe7f02d6168aecebdb7a84929dcf/1b9fc/7579e21f-3af0-46bb-a073-28c4a97594f9_Demo4.jpg)](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/) + [![r3fDemo-screen](https://rd.nytimes.com/static/1ffcbe7f02d6168aecebdb7a84929dcf/1b9fc/7579e21f-3af0-46bb-a073-28c4a97594f9_Demo4.jpg)](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/)
  • Looking Glass - - hello-three-js-gltf-c4uyw2 +
  • TheatreJS @@ -51,7 +50,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • THREE-CustomShaderMaterial - ![![r3fDemo-screen](https://raw.githubusercontent.com/FarazzShaikh/THREE-CustomShaderMaterial/main/assets/caustics-demo.png)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) + [![r3fDemo-screen](https://raw.githubusercontent.com/FarazzShaikh/THREE-CustomShaderMaterial/main/assets/caustics-demo.png)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • spite/THREE.MeshLine @@ -59,11 +58,12 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • ektogamat/R3F-Ultimate-Lens-Flare - ![![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/) + [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/)
  • utsuboco/r3f-perf - + + envmap-ground-projection-q48jgy
    • From 17a3c2daeb1a9618afe85b2845fe7da141b5d00f Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 16:42:44 +0200 Subject: [PATCH 03/25] Point sandboxes to forks with thumbs --- docs/getting-started/community-r3f-components.mdx | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 39255596b0..97a0a4ce99 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -33,10 +33,12 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • 3DTilesRendererJS + [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
  • - three-loader-3dtiles + three-loader-3dtiles + [![r3fDemo-screen](https://rd.nytimes.com/static/1ffcbe7f02d6168aecebdb7a84929dcf/1b9fc/7579e21f-3af0-46bb-a073-28c4a97594f9_Demo4.jpg)](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/)
  • @@ -45,19 +47,20 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • TheatreJS - + theatre-js-x-three-js-the-studio-3wdxdi
  • THREE-CustomShaderMaterial - [![r3fDemo-screen](https://raw.githubusercontent.com/FarazzShaikh/THREE-CustomShaderMaterial/main/assets/caustics-demo.png)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) + [![r3fDemo-screen](https://codesandbox.io/api/v1/sandboxes/6uk71j/screenshot.png)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • spite/THREE.MeshLine - +
  • ektogamat/R3F-Ultimate-Lens-Flare + [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/)
  • From 6fb5a867bbb00a16e13f5557db35f7a442d2525a Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 17:11:35 +0200 Subject: [PATCH 04/25] Edit titles newlines and not-16x9 thumbs --- docs/getting-started/community-r3f-components.mdx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 97a0a4ce99..70a17137ac 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -7,21 +7,25 @@ nav: 2 If you'd like to list new components, please make a PR to [this doc](https://github.com/pmndrs/react-three-fiber/tree/master/docs/getting-started) 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 - [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)) - [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) - [Theatre-js](https://github.com/theatre-js/theatre) # Materials + - [FarazzShaikh/THREE-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) @@ -52,7 +56,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • THREE-CustomShaderMaterial - [![r3fDemo-screen](https://codesandbox.io/api/v1/sandboxes/6uk71j/screenshot.png)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) + [![r3fDemo-screen](https://external-preview.redd.it/yZVlNuTjk4jZU0dOcq3mtuQggLy04PmyOHsHTtoHaB0.png?format=pjpg&auto=webp&s=f65fcd78763ea8a6abd24773d767fa4012afa2f0)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • spite/THREE.MeshLine @@ -66,7 +70,6 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • utsuboco/r3f-perf - envmap-ground-projection-q48jgy
    • From 34f3f2dce8882f4da662c9c68a285748b8b721df Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 17:28:01 +0200 Subject: [PATCH 05/25] Replace private or unlisted sandboxes by forks with thumbs --- .../community-r3f-components.mdx | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 70a17137ac..89cc63640e 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -31,15 +31,15 @@ If you'd like to list new components, please make a PR to [this doc](https://git -
  • - Luma - -
  • 3DTilesRendererJS [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
    • +
  • + Luma + +
  • three-loader-3dtiles @@ -47,7 +47,8 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • Looking Glass - + + xzlmzz
  • TheatreJS @@ -58,6 +59,10 @@ If you'd like to list new components, please make a PR to [this doc](https://git THREE-CustomShaderMaterial [![r3fDemo-screen](https://external-preview.redd.it/yZVlNuTjk4jZU0dOcq3mtuQggLy04PmyOHsHTtoHaB0.png?format=pjpg&auto=webp&s=f65fcd78763ea8a6abd24773d767fa4012afa2f0)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
    • +
  • + utsuboco/r3f-perf + +
  • spite/THREE.MeshLine @@ -67,9 +72,5 @@ If you'd like to list new components, please make a PR to [this doc](https://git [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/)
    • -
  • - utsuboco/r3f-perf - -
    • From 49c47b60f85d9d92af23bc7fda1bd09f0df6f62f Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 17:51:55 +0200 Subject: [PATCH 06/25] Rework md titles and update ad sandboxes screenshots --- docs/getting-started/community-r3f-components.mdx | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 89cc63640e..253bfffa98 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -6,29 +6,32 @@ nav: 2 If you'd like to list new components, please make a PR to [this doc](https://github.com/pmndrs/react-three-fiber/tree/master/docs/getting-started) file. -# Data sources +## Links to repositories and docs + +### 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 - [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)) - [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 +### Renderers & frameworks - [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) - [Theatre-js](https://github.com/theatre-js/theatre) -# Materials +### Materials - [FarazzShaikh/THREE-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 +### Utilities - [utsuboco/r3f-perf](https://github.com/utsuboco/r3f-perf) +## Codesandboxes and demos
  • @@ -48,12 +51,10 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • Looking Glass - xzlmzz
  • TheatreJS - - theatre-js-x-three-js-the-studio-3wdxdi +
  • THREE-CustomShaderMaterial From 2ef9139534be36d0cac2599109583615cd67affd Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 17:59:10 +0200 Subject: [PATCH 07/25] Final touchups --- docs/getting-started/community-r3f-components.mdx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 253bfffa98..a87c717dd2 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -1,23 +1,23 @@ --- title: Community R3F Components -description: This page showcases some React Three Fiber/r3f components that have not been merged to a pmndrs project or drei. +description: This page showcases some React Three Fiber/r3f components that have not been merged to a [pmndrs](https://github.com/pmndrs/) project or [drei](http://drei.docs.pmnd.rs/). nav: 2 --- -If you'd like to list new components, please make a PR to [this doc](https://github.com/pmndrs/react-three-fiber/tree/master/docs/getting-started) file. +If you'd like to list new 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. -## Links to repositories and docs +## R3F community components repos and docs ### 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 - - [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)) + - 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) - - [Theatre-js](https://github.com/theatre-js/theatre) + - [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 From 1e868b0b917626df7643e8154169754836a48c4c Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 19:13:19 +0200 Subject: [PATCH 08/25] wip attempt at correcting images aspect-ratio --- docs/getting-started/community-r3f-components.mdx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index a87c717dd2..0769f7425c 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -38,6 +38,14 @@ If you'd like to list new components, please make a PR to [this doc](https://git 3DTilesRendererJS [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + + r3fDemo-screen + + [r3fDemo-screen](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + + [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + +
  • Luma @@ -58,6 +66,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • THREE-CustomShaderMaterial + [![r3fDemo-screen](https://external-preview.redd.it/yZVlNuTjk4jZU0dOcq3mtuQggLy04PmyOHsHTtoHaB0.png?format=pjpg&auto=webp&s=f65fcd78763ea8a6abd24773d767fa4012afa2f0)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • @@ -71,7 +80,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • ektogamat/R3F-Ultimate-Lens-Flare - [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/) + [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png className="aspect-[16/9] object-cover")](https://ultimate-lens-flare.vercel.app/)
    • From 09cf992646221532dd61d615b1540f1fbb717bf5 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 19:39:15 +0200 Subject: [PATCH 09/25] testing aspect ratio with square proxy + classname --- docs/getting-started/community-r3f-components.mdx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 0769f7425c..7457cfc1f7 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -37,13 +37,12 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • 3DTilesRendererJS - [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + r3fDemo-screen - r3fDemo-screen + [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) - [r3fDemo-screen](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + [r3fDemo-screen](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) - [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
    • @@ -80,7 +79,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • ektogamat/R3F-Ultimate-Lens-Flare - [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png className="aspect-[16/9] object-cover")](https://ultimate-lens-flare.vercel.app/) + [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png) {.aspect-[16/9]}](https://ultimate-lens-flare.vercel.app/)
    • From 3466960f97b9eea299b61749f5d176df2a913b73 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 19:45:50 +0200 Subject: [PATCH 10/25] Update community-r3f-components.mdx --- docs/getting-started/community-r3f-components.mdx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 7457cfc1f7..8d85776afc 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -79,7 +79,8 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • ektogamat/R3F-Ultimate-Lens-Flare - [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png) {.aspect-[16/9]}](https://ultimate-lens-flare.vercel.app/) + [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/) + ![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png){.aspect-[16/9]}
    • From 9d96a4838a1988c8353b813979a041a6643514d0 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 19:48:29 +0200 Subject: [PATCH 11/25] Update community-r3f-components.mdx --- docs/getting-started/community-r3f-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 8d85776afc..20dca80b1a 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -80,7 +80,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git ektogamat/R3F-Ultimate-Lens-Flare [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/) - ![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png){.aspect-[16/9]} + ![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png) From 42974a1f25bd042a712cf12e0cf559e789f58972 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 19:57:34 +0200 Subject: [PATCH 12/25] Fix images Replace images with the same props as CodeSandBox component: `className="aspect-[16/9] object-cover" width="1763" height="926"` ```jsx [altName](link_url) ``` --- .../getting-started/community-r3f-components.mdx | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 20dca80b1a..cee7fe5728 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -37,14 +37,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • 3DTilesRendererJS - r3fDemo-screen - - [![r3fDemo-screen](https://raw.githubusercontent.com/NASA-AMMOS/3DTilesRendererJS/master/images/header-mars.png)](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) - - [r3fDemo-screen](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) - - - + [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
  • Luma @@ -53,7 +46,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • three-loader-3dtiles - [![r3fDemo-screen](https://rd.nytimes.com/static/1ffcbe7f02d6168aecebdb7a84929dcf/1b9fc/7579e21f-3af0-46bb-a073-28c4a97594f9_Demo4.jpg)](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/) + [three-loader-3dtiles r3f demo](https://nytimes.github.io/three-loader-3dtiles/dist/web/examples/demos/realitycapture/)
  • Looking Glass @@ -66,7 +59,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • THREE-CustomShaderMaterial - [![r3fDemo-screen](https://external-preview.redd.it/yZVlNuTjk4jZU0dOcq3mtuQggLy04PmyOHsHTtoHaB0.png?format=pjpg&auto=webp&s=f65fcd78763ea8a6abd24773d767fa4012afa2f0)](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) + [THREE-CustomShaderMaterial r3f demo](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • utsuboco/r3f-perf @@ -79,8 +72,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • ektogamat/R3F-Ultimate-Lens-Flare - [![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png)](https://ultimate-lens-flare.vercel.app/) - ![r3fDemo-screen](https://raw.githubusercontent.com/ektogamat/R3F-Ultimate-Lens-Flare/main/thumbnail.png) + [R3F-Ultimate-Lens-Flare demo](https://ultimate-lens-flare.vercel.app/)
    • From 11ee62ccc7ba77519cfe2130a94d5c7b115f5745 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 20:05:44 +0200 Subject: [PATCH 13/25] update image for 3dTilesRendererJs --- docs/getting-started/community-r3f-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index cee7fe5728..6f43c9e4f9 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -37,7 +37,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • 3DTilesRendererJS - [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
  • Luma From 323adc1f335ceddcfef56f40290ca516dedfa96f Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 20:08:41 +0200 Subject: [PATCH 14/25] Add links to repos on codesandbox grid titles --- .../community-r3f-components.mdx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 6f43c9e4f9..bb7594ddc2 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -35,42 +35,42 @@ If you'd like to list new components, please make a PR to [this doc](https://git
  • - 3DTilesRendererJS + [NASA-AMMOS/3DTilesRendererJS](https://github.com/NASA-AMMOS/3DTilesRendererJS) [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
  • - Luma + [Luma Gaussian Splats](https://cdn-luma.com/public/lumalabs.ai/luma-web-library/0.2/fefe154/index.html#react-three-fiber)
  • - three-loader-3dtiles + [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 + [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber)
  • - TheatreJS + [Theatre-js](https://github.com/theatre-js/theatre)
  • - THREE-CustomShaderMaterial + [FarazzShaikh/THREE-CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) [THREE-CustomShaderMaterial r3f demo](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • - utsuboco/r3f-perf + [utsuboco/r3f-perf](https://github.com/utsuboco/r3f-perf)
  • - spite/THREE.MeshLine + [spite/THREE.MeshLine](https://github.com/spite/THREE.MeshLine)
  • - ektogamat/R3F-Ultimate-Lens-Flare + [ektogamat/R3F-Ultimate-Lens-Flare](https://github.com/ektogamat/R3F-Ultimate-Lens-Flare) [R3F-Ultimate-Lens-Flare demo](https://ultimate-lens-flare.vercel.app/)
    • From 99bccefb67e5ad7c2d9ae50afd71d32a88ee4463 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 11 Oct 2024 20:14:57 +0200 Subject: [PATCH 15/25] fix description --- docs/getting-started/community-r3f-components.mdx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index bb7594ddc2..32fef9b50d 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -1,10 +1,11 @@ --- title: Community R3F Components -description: This page showcases some React Three Fiber/r3f components that have not been merged to a [pmndrs](https://github.com/pmndrs/) project or [drei](http://drei.docs.pmnd.rs/). +description: This page showcases some React Three Fiber/r3f community components that have not been merged to the drei components collection or to another pmndrs project. nav: 2 --- -If you'd like to list new 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. +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. It showcases some r3f community components that have not been merged to to the [drei](http://drei.docs.pmnd.rs) components collection or to another [pmndrs](https://github.com/pmndrs) project. + ## R3F community components repos and docs @@ -21,7 +22,7 @@ If you'd like to list new components, please make a PR to [this doc](https://git ### Materials - - [FarazzShaikh/THREE-CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) + - [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) From af79e6543d612040af85dd8826e705c01a61e778 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Sat, 12 Oct 2024 21:15:37 +0200 Subject: [PATCH 16/25] Change community nav so it appears beneath examples --- docs/getting-started/community-r3f-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 32fef9b50d..ac2ea6fd30 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -1,7 +1,7 @@ --- title: Community R3F Components description: This page showcases some React Three Fiber/r3f community components that have not been merged to the drei components collection or to another pmndrs project. -nav: 2 +nav: 4 --- 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. It showcases some r3f community components that have not been merged to to the [drei](http://drei.docs.pmnd.rs) components collection or to another [pmndrs](https://github.com/pmndrs) project. From d32ca6a77bc4dca4b512162123d077efbd4a32bf Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Sat, 12 Oct 2024 22:06:07 +0200 Subject: [PATCH 17/25] Move community components section to examples page --- .../community-r3f-components.mdx | 79 ------------------- docs/getting-started/examples.mdx | 75 ++++++++++++++++++ 2 files changed, 75 insertions(+), 79 deletions(-) delete mode 100644 docs/getting-started/community-r3f-components.mdx diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx deleted file mode 100644 index ac2ea6fd30..0000000000 --- a/docs/getting-started/community-r3f-components.mdx +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: Community R3F Components -description: This page showcases some React Three Fiber/r3f community components that have not been merged to the drei components collection or to another pmndrs project. -nav: 4 ---- - -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. It showcases some r3f community components that have not been merged to to the [drei](http://drei.docs.pmnd.rs) components collection or to another [pmndrs](https://github.com/pmndrs) project. - - -## R3F community components repos and docs - -### 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/) -
    • -     - 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 From 3d5bd1272f3ac9c1927ab97b31220ed1d27b8f48 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Mon, 17 Feb 2025 12:35:55 +0100 Subject: [PATCH 18/25] Extract R3F Community Components to its own docs page and add three-geospatial clouds --- .../community-r3f-components.mdx | 87 +++++++++++++++++++ docs/getting-started/examples.mdx | 75 ---------------- 2 files changed, 87 insertions(+), 75 deletions(-) create mode 100644 docs/getting-started/community-r3f-components.mdx diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx new file mode 100644 index 0000000000..a2e537a7cf --- /dev/null +++ b/docs/getting-started/community-r3f-components.mdx @@ -0,0 +1,87 @@ +--- +title: Community R3F Components +description: This page showcases some React Three Fiber/r3f community components that have not been merged to the drei components collection or to another pmndrs project. +nav: 4 +--- + +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. It showcases some r3f community components that have not been merged to to the [drei](http://drei.docs.pmnd.rs) components collection or to another [pmndrs](https://github.com/pmndrs) project. + +## 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 + + - [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) doc and [storybook demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo) + - [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) +
    • +
  • + [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) doc + + [Takram three-geospatial clouds](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo) +
    • +
  • + [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/) +
    • +     diff --git a/docs/getting-started/examples.mdx b/docs/getting-started/examples.mdx index 83d144a9c4..124bc4fae2 100644 --- a/docs/getting-started/examples.mdx +++ b/docs/getting-started/examples.mdx @@ -337,81 +337,6 @@ 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 From 0c7d899f7ad6a2d3385bf03ea2c60ec9ad02fad9 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Mon, 17 Feb 2025 13:56:26 +0100 Subject: [PATCH 19/25] Add takram atmosphere, edit some links and thumbs --- docs/getting-started/community-r3f-components.mdx | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index a2e537a7cf..86a8bf9599 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -20,7 +20,7 @@ This page showcases some React Three Fiber/r3f community components that have no #### Renderers & frameworks - - [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) doc and [storybook demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo) + - [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) doc and [storybook demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/ and [atmosphere](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere)clouds-wip-3d-tiles-renderer-integration--tokyo) - [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) @@ -60,16 +60,21 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [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) + [Farazz/CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) - [THREE-CustomShaderMaterial r3f demo](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) + [THREE-CustomShaderMaterial r3f demo](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics) +
    • +
  • + [Takram three-geospatial atmosphere](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) doc + + [Takram three-geospatial atmosphere](https://takram-design-engineering.github.io/three-geospatial/?path=/story/atmosphere-photorealistic-tiles--manhattan)
  • [utsuboco/r3f-perf](https://github.com/utsuboco/r3f-perf) From cf352dd3f646e91d4a7e3dc1c1e130a62529dcfb Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Mon, 17 Feb 2025 14:18:53 +0100 Subject: [PATCH 20/25] typo fixes --- docs/getting-started/community-r3f-components.mdx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 86a8bf9599..0622cea192 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -14,13 +14,13 @@ This page showcases some React Three Fiber/r3f community components that have no #### 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 + - 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 - [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 - - [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) doc and [storybook demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/ and [atmosphere](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere)clouds-wip-3d-tiles-renderer-integration--tokyo) + - Takram three-geospatial [clouds doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) and [demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo) and [atmosphere doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) - [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) @@ -45,7 +45,7 @@ This page showcases some React Three Fiber/r3f community components that have no [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html)
  • - [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) doc + [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) [Takram three-geospatial clouds](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo)
    • @@ -60,7 +60,7 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) - +
  • [Theatre-js](https://github.com/theatre-js/theatre) @@ -72,9 +72,9 @@ This page showcases some React Three Fiber/r3f community components that have no [THREE-CustomShaderMaterial r3f demo](https://farazzshaikh.github.io/THREE-CustomShaderMaterial/#/caustics)
  • - [Takram three-geospatial atmosphere](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) doc + [Takram three-geospatial atmosphere](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) - [Takram three-geospatial atmosphere](https://takram-design-engineering.github.io/three-geospatial/?path=/story/atmosphere-photorealistic-tiles--manhattan) + [Takram three-geospatial atmosphere](https://takram-design-engineering.github.io/three-geospatial/?path=/story/atmosphere-3d-tiles-renderer-integration--manhattan)
  • [utsuboco/r3f-perf](https://github.com/utsuboco/r3f-perf) From 423294e291f6fcd2b69f7c91d9f8b705013caa35 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Mon, 17 Feb 2025 14:57:44 +0100 Subject: [PATCH 21/25] Edit theatrejs CSB thumb --- docs/getting-started/community-r3f-components.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 0622cea192..b1f786fc5e 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -20,7 +20,7 @@ This page showcases some React Three Fiber/r3f community components that have no #### Renderers & frameworks - - Takram three-geospatial [clouds doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) and [demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo) and [atmosphere doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) + - Takram three-geospatial [clouds doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) and [demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo), and [atmosphere doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) - [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) @@ -64,7 +64,7 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [Theatre-js](https://github.com/theatre-js/theatre) - + [TheatreJS R3F demo](https://codesandbox.io/p/devbox/y9h287)
  • [Farazz/CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) From e11e68ffc6c243243cc0b73a8ccd2e2e6e150bb5 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 21 Feb 2025 10:31:47 +0100 Subject: [PATCH 22/25] Fix links --- docs/getting-started/community-r3f-components.mdx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index b1f786fc5e..cbe66c38c4 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -14,13 +14,13 @@ This page showcases some React Three Fiber/r3f community components that have no #### Data sources - - [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 + - [NASA-AMMOS/3DTilesRendererJS](https://github.com/NASA-AMMOS/3DTilesRendererJS/) (r3f [readme](https://github.com/NASA-AMMOS/3DTilesRendererJS/blob/master/src/r3f/README.md)) repo with doc - 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 - - [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/) + - [NYTimes/three-loader-3dtiles](https://nytimes.github.io/three-loader-3dtiles) #### Renderers & frameworks - - Takram three-geospatial [clouds doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) and [demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo), and [atmosphere doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) + - Takram three-geospatial [clouds doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) and [demos](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-3d-tiles-renderer-integration--tokyo), and [atmosphere doc](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/atmosphere) - [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) @@ -42,12 +42,12 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [NASA-AMMOS/3DTilesRendererJS](https://github.com/NASA-AMMOS/3DTilesRendererJS) - [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3fDemo.html) + [3DTilesRendererJS r3f demo](https://nasa-ammos.github.io/3DTilesRendererJS/example/bundle/r3f/basic.html)
  • [Takram three-geospatial clouds](https://github.com/takram-design-engineering/three-geospatial/tree/main/packages/clouds) - [Takram three-geospatial clouds](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-wip-3d-tiles-renderer-integration--tokyo) + [Takram three-geospatial clouds](https://takram-design-engineering.github.io/three-geospatial/?path=/story/clouds-3d-tiles-renderer-integration--tokyo)
  • [Luma Gaussian Splats](https://cdn-luma.com/public/lumalabs.ai/luma-web-library/0.2/fefe154/index.html#react-three-fiber) @@ -60,7 +60,7 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) - +
  • [Theatre-js](https://github.com/theatre-js/theatre) From 527b117b47ffa2a84c508ad70fcc9c8725bb8a94 Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 21 Feb 2025 10:45:29 +0100 Subject: [PATCH 23/25] Try overwriting `Codesandbox screenshot_url` after docs fix See fix here https://github.com/pmndrs/docs/pull/375 Fixed the fact that the ordering of props destructuring prevented applying custom screenshot_url to CSBs --- docs/getting-started/community-r3f-components.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index cbe66c38c4..5489aeede8 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -60,11 +60,11 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) - +
  • [Theatre-js](https://github.com/theatre-js/theatre) - [TheatreJS R3F demo](https://codesandbox.io/p/devbox/y9h287) +
  • [Farazz/CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) From d33de37e9716818b0d7249fb74653b115335ed4e Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Fri, 21 Feb 2025 10:59:05 +0100 Subject: [PATCH 24/25] update looking glass image --- docs/getting-started/community-r3f-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 5489aeede8..1c73113be5 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -60,7 +60,7 @@ This page showcases some React Three Fiber/r3f community components that have no
  • [Looking Glass](https://docs.lookingglassfactory.com/developer-tools/webxr/react-three-fiber) - +
  • [Theatre-js](https://github.com/theatre-js/theatre) From 3889166c67f66f388dbd6894ffe405eb0d80c6ee Mon Sep 17 00:00:00 2001 From: Jonathan Chemla Date: Sat, 22 Feb 2025 09:51:00 +0100 Subject: [PATCH 25/25] Edit meshline repo and CSB --- docs/getting-started/community-r3f-components.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/getting-started/community-r3f-components.mdx b/docs/getting-started/community-r3f-components.mdx index 1c73113be5..c0824deb18 100644 --- a/docs/getting-started/community-r3f-components.mdx +++ b/docs/getting-started/community-r3f-components.mdx @@ -27,7 +27,7 @@ This page showcases some React Three Fiber/r3f community components that have no #### Materials - [FarazzShaikh/CustomShaderMaterial](https://github.com/FarazzShaikh/THREE-CustomShaderMaterial) - - [spite/THREE.MeshLine](https://github.com/spite/THREE.MeshLine) + - [pmndrs/THREE.MeshLine](https://github.com/pmndrs/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) @@ -81,8 +81,8 @@ This page showcases some React Three Fiber/r3f community components that have no
  • - [spite/THREE.MeshLine](https://github.com/spite/THREE.MeshLine) - + [pmndrs/THREE.MeshLine](https://github.com/pmndrs/meshline) +
  • [ektogamat/R3F-Ultimate-Lens-Flare](https://github.com/ektogamat/R3F-Ultimate-Lens-Flare)