diff --git a/README.md b/README.md
index d88760ee..550ca134 100644
--- a/README.md
+++ b/README.md
@@ -7,8 +7,19 @@ Modern, accessible, TypeScript-first split pane component for React.
 [![NPM downloads](https://img.shields.io/npm/dm/react-split-pane.svg?style=flat)](https://www.npmjs.com/package/react-split-pane)
 [![Bundle size](https://img.shields.io/bundlephobia/minzip/react-split-pane)](https://bundlephobia.com/package/react-split-pane)
 
+[![React Split Pane Demo](docs/images/demo-thumbnail.png)](docs/images/demo.mp4)
+
+*Click the image above to watch the demo video*
+
 **[Live Examples](https://tomkp.github.io/react-split-pane)**
 
+<details>
+<summary>Screenshot: Nested IDE-like Layout</summary>
+
+![Nested Layout Example](docs/images/nested-layout.png)
+
+</details>
+
 ## ✨ Features
 
 - 🪝 **Hooks-based** - Built with modern React patterns
diff --git a/docs/images/demo-thumbnail.png b/docs/images/demo-thumbnail.png
new file mode 100644
index 00000000..d8af4b84
Binary files /dev/null and b/docs/images/demo-thumbnail.png differ
diff --git a/docs/images/demo.mp4 b/docs/images/demo.mp4
new file mode 100644
index 00000000..b17ddf1e
Binary files /dev/null and b/docs/images/demo.mp4 differ
diff --git a/docs/images/nested-layout.png b/docs/images/nested-layout.png
new file mode 100644
index 00000000..469d80ed
Binary files /dev/null and b/docs/images/nested-layout.png differ