diff --git a/packages/typed-url-pattern/README.md b/packages/typed-url-pattern/README.md
index 831c0f3..fabaf9f 100644
--- a/packages/typed-url-pattern/README.md
+++ b/packages/typed-url-pattern/README.md
@@ -9,6 +9,8 @@ providing:
 - **Standard syntax**: it's just `URLPattern` under the hood (use the Platform)
 - A typed `href()` inverse (create type-safe links)
 
+![demo](./assets/demo.gif)
+
 ## Install
 
 Depending on your package manager:
diff --git a/packages/typed-url-pattern/assets/demo.gif b/packages/typed-url-pattern/assets/demo.gif
new file mode 100644
index 0000000..818d1c3
Binary files /dev/null and b/packages/typed-url-pattern/assets/demo.gif differ
diff --git a/packages/typed-url-pattern/assets/demo.mp4 b/packages/typed-url-pattern/assets/demo.mp4
deleted file mode 100644
index b1c3e5a..0000000
Binary files a/packages/typed-url-pattern/assets/demo.mp4 and /dev/null differ