Merge pull request #376 from pmndrs/examples-links-update-docs

docs: link effect examples to pmndrs/examples

Author: kvvasuu

docs/effects/autofocus.mdx

@@ -49,4 +49,4 @@ useFrame((_, delta) => {
 
 ## Example
 
-<Codesandbox id="dfw6w4" />
+[![Autofocus demo](https://pmndrs.github.io/examples/autofocus/thumbnail.webp)](https://pmndrs.github.io/examples/autofocus)

docs/effects/bloom.mdx

@@ -50,7 +50,7 @@ clamp colors between 0 and 1 again.
 
 ## Example
 
-<Codesandbox id="r9ujf" />
+[![Bloom demo](https://pmndrs.github.io/examples/bloom/thumbnail.webp)](https://pmndrs.github.io/examples/bloom)
 
 ## Props
 

docs/effects/brightness-contrast.mdx

@@ -18,7 +18,7 @@ return (
 
 ## Example
 
-<Codesandbox id="rrev1" />
+[![BrightnessContrast demo](https://pmndrs.github.io/examples/brightness-contrast/thumbnail.webp)](https://pmndrs.github.io/examples/brightness-contrast)
 
 ## Props
 

docs/effects/color-average.mdx

@@ -18,7 +18,7 @@ return (
 
 ## Example
 
-<Codesandbox id="ulsyy" />
+[![ColorAverage demo](https://pmndrs.github.io/examples/color-average/thumbnail.webp)](https://pmndrs.github.io/examples/color-average)
 
 ## Props
 

docs/effects/depth-of-field.mdx

@@ -21,7 +21,7 @@ return (
 
 ## Example
 
-<Codesandbox id="bu796" />
+[![DepthOfField demo](https://pmndrs.github.io/examples/depth-of-field/thumbnail.webp)](https://pmndrs.github.io/examples/depth-of-field)
 
 ## Props
 

docs/effects/glitch.mdx

@@ -23,7 +23,7 @@ return (
 
 ## Example
 
-<Codesandbox id="bs1i1" />
+[![Glitch demo](https://pmndrs.github.io/examples/glitch/thumbnail.webp)](https://pmndrs.github.io/examples/glitch)
 
 ## Props
 

docs/effects/hue-saturation.mdx

@@ -20,7 +20,7 @@ return (
 
 ## Example
 
-<Codesandbox id="m9min" />
+[![HueSaturation demo](https://pmndrs.github.io/examples/hue-saturation/thumbnail.webp)](https://pmndrs.github.io/examples/hue-saturation)
 
 ## Props
 

docs/effects/noise.mdx

@@ -19,7 +19,7 @@ return (
 
 ## Example
 
-<Codesandbox id="8l8hi" />
+[![Noise demo](https://pmndrs.github.io/examples/noise/thumbnail.webp)](https://pmndrs.github.io/examples/noise)
 
 ## Props
 

docs/effects/ramp.mdx

@@ -25,7 +25,7 @@ return (
 
 ## Example
 
-<Codesandbox id="zdpzei" />
+[![Ramp demo](https://pmndrs.github.io/examples/ramp/thumbnail.webp)](https://pmndrs.github.io/examples/ramp)
 
 ## Props
 

docs/effects/selective-bloom.mdx

@@ -34,6 +34,10 @@ return (
 )
 ```
 
+## Example
+
+[![SelectiveBloom demo](https://pmndrs.github.io/examples/selective-bloom/thumbnail.webp)](https://pmndrs.github.io/examples/selective-bloom)
+
 ## Props
 
 | Name               | Type          | Default              | Description                                                                                          |