diff --git a/docs/loaders/screen-video-texture.mdx b/docs/loaders/screen-video-texture.mdx
new file mode 100644
index 000000000..b2533090a
--- /dev/null
+++ b/docs/loaders/screen-video-texture.mdx
@@ -0,0 +1,26 @@
+---
+title: ScreenVideoTexture
+sourcecode: src/core/ScreenVideoTexture.tsx
+---
+
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-screenvideotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+
+<Intro>Create a video texture from `getUserMedia`</Intro>
+
+```tsx
+export type ScreenVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
+  options?: DisplayMediaStreamOptions
+}
+```
+
+```jsx
+<ScreenVideoTexture>
+  {(texture) => <meshBasicMaterial map={texture} />}
+```
+
+or exposed via `ref`:
+
+```jsx
+const textureRef = useRef()
+<ScreenVideoTexture ref={textureRef} />
+```
\ No newline at end of file
diff --git a/docs/loaders/webcam-video-texture copy.mdx b/docs/loaders/webcam-video-texture copy.mdx
new file mode 100644
index 000000000..ddf3f7e09
--- /dev/null
+++ b/docs/loaders/webcam-video-texture copy.mdx	
@@ -0,0 +1,26 @@
+---
+title: WebcamVideoTexture
+sourcecode: src/core/WebcamVideoTexture.tsx
+---
+
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-webcamvideotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+
+<Intro>Create a video texture from `getUserMedia`</Intro>
+
+```tsx
+export type WebcamVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
+  constraints?: MediaStreamConstraints
+}
+```
+
+```jsx
+<WebcamVideoTexture>
+  {(texture) => <meshBasicMaterial map={texture} />}
+```
+
+or exposed via `ref`:
+
+```jsx
+const textureRef = useRef()
+<WebcamVideoTexture ref={textureRef} />
+```
\ No newline at end of file