diff --git a/.github/assets/DraggableStackExample.gif b/.github/assets/DraggableStackExample.gif
new file mode 100644
index 0000000..598d996
Binary files /dev/null and b/.github/assets/DraggableStackExample.gif differ
diff --git a/docs/src/components/Search.tsx b/docs/src/components/Search.tsx
index 1d3c1b7..b31248e 100644
--- a/docs/src/components/Search.tsx
+++ b/docs/src/components/Search.tsx
@@ -3,30 +3,29 @@
 // import Link from "next/link";
 // import Router from "next/router";
 import { useCallback, useEffect, useState } from "react";
-import { Link } from "./Link";
 import { SearchIcon } from "./icon";
 
-const docSearchConfig = {
-  // appId: process.env.NEXT_PUBLIC_DOCSEARCH_APP_ID,
-  // apiKey: process.env.NEXT_PUBLIC_DOCSEARCH_API_KEY,
-  // indexName: process.env.NEXT_PUBLIC_DOCSEARCH_INDEX_NAME,
-};
+// const docSearchConfig = {
+//   // appId: process.env.NEXT_PUBLIC_DOCSEARCH_APP_ID,
+//   // apiKey: process.env.NEXT_PUBLIC_DOCSEARCH_API_KEY,
+//   // indexName: process.env.NEXT_PUBLIC_DOCSEARCH_INDEX_NAME,
+// };
 
-function Hit({ hit, children }) {
-  return <Link href={hit.url}>{children}</Link>;
-}
+// function Hit({ hit, children }) {
+//   return <Link href={hit.url}>{children}</Link>;
+// }
 
 export function Search() {
-  let [isOpen, setIsOpen] = useState(false);
-  let [modifierKey, setModifierKey] = useState();
+  let [_isOpen, setIsOpen] = useState(false);
+  let [modifierKey, setModifierKey] = useState("");
 
   const onOpen = useCallback(() => {
     setIsOpen(true);
   }, [setIsOpen]);
 
-  const onClose = useCallback(() => {
-    setIsOpen(false);
-  }, [setIsOpen]);
+  // const onClose = useCallback(() => {
+  //   setIsOpen(false);
+  // }, [setIsOpen]);
 
   // useDocSearchKeyboardEvents({ isOpen, onOpen, onClose });
 
diff --git a/docs/src/content/docs/components/DraggableStack.mdx b/docs/src/content/docs/components/DraggableStack.mdx
index d25623a..cf1c766 100644
--- a/docs/src/content/docs/components/DraggableStack.mdx
+++ b/docs/src/content/docs/components/DraggableStack.mdx
@@ -10,6 +10,10 @@ It is built on top of the [useDragableStack](./../hooks/usedraggablestack) hook.
 
 This component does support variable width and height items.
 
+## Demo
+
+![demo](https://raw.githubusercontent.com/mgcrea/react-native-dnd/master/.github/assets/DraggableStackExample.gif)
+
 ## Usage
 
 ```tsx