From ab86c5e361585d5bd94d4ac56fafbc84b2d5621a Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:27:58 +0100
Subject: [PATCH 1/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20useBatte?=
 =?UTF-8?q?ry=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md          | 2 +-
 docs/useBattery.md | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 0c6ce576..bda5268e 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@
 ## Reference
 
 - [__Sensors__](./docs/Sensors.md)
-   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state.
+   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![](https://img.shields.io/badge/demo-useBattery-green.svg)](https://codesandbox.io/s/qlvn662zww)
    - [`useGeolocation`](./docs/useGeolocation.md) &mdash; tracks geo location state of user's device.
    - [`useHover`](./docs/useHover.md) &mdash; tracks mouse hover state of some element.
    - [`useIdle`](./docs/useIdle.md) &mdash; tracks whether user is being inactive.
diff --git a/docs/useBattery.md b/docs/useBattery.md
index 71753778..98830c0c 100644
--- a/docs/useBattery.md
+++ b/docs/useBattery.md
@@ -2,6 +2,8 @@
 
 React sensor hook that tracks batter status.
 
+[![](https://img.shields.io/badge/demo-useBattery-green.svg)](https://codesandbox.io/s/qlvn662zww)
+
 
 ## Usage
 

From 0c9c14af9168fac0a0dde7a4472596e7ac7e3fb9 Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:32:36 +0100
Subject: [PATCH 2/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20useAudio?=
 =?UTF-8?q?=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md        | 2 +-
 docs/useAudio.md | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index bda5268e..e0e30f8b 100644
--- a/README.md
+++ b/README.md
@@ -46,7 +46,7 @@
      <br/>
      <br/>
 - [__UI__](./docs/UI.md)
-   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls.
+   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-useAudio-green.svg)](https://codesandbox.io/s/5v7q47knwl)
    - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string.
      <br/>
      <br/>
diff --git a/docs/useAudio.md b/docs/useAudio.md
index 206681a7..f2e7e4ff 100644
--- a/docs/useAudio.md
+++ b/docs/useAudio.md
@@ -2,6 +2,8 @@
 
 Creates `<audio>` element, tracks its state and exposes playback conrols.
 
+[![](https://img.shields.io/badge/demo-useAudio-green.svg)](https://codesandbox.io/s/5v7q47knwl)
+
 
 ## Usage
 

From 8c62f94f6ace839d7e8775aac1124f968cb13253 Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:35:14 +0100
Subject: [PATCH 3/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20useSpeec?=
 =?UTF-8?q?h=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md         | 2 +-
 docs/useSpeech.md | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e0e30f8b..f1d4b5fc 100644
--- a/README.md
+++ b/README.md
@@ -47,7 +47,7 @@
      <br/>
 - [__UI__](./docs/UI.md)
    - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-useAudio-green.svg)](https://codesandbox.io/s/5v7q47knwl)
-   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string.
+   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![](https://img.shields.io/badge/demo-useSpeech-green.svg)](https://codesandbox.io/s/n090mqz69m)
      <br/>
      <br/>
 - [__Animations__](./docs/Animations.md)
diff --git a/docs/useSpeech.md b/docs/useSpeech.md
index f94628fe..35c9a77c 100644
--- a/docs/useSpeech.md
+++ b/docs/useSpeech.md
@@ -2,6 +2,8 @@
 
 React UI hook that synthesizes human voice that speaks a given string.
 
+[![](https://img.shields.io/badge/demo-useSpeech-green.svg)](https://codesandbox.io/s/n090mqz69m)
+
 
 ## Usage
 

From 53afb8652b284f304af86d52a2b327634f9a4666 Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:37:28 +0100
Subject: [PATCH 4/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20useWindo?=
 =?UTF-8?q?wSize=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md             | 2 +-
 docs/useWindowSize.md | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f1d4b5fc..f344fd48 100644
--- a/README.md
+++ b/README.md
@@ -42,7 +42,7 @@
    - [`useNetwork`](./docs/useNetwork.md) &mdash; tracks state of user's internet connection.
    - [`useOrientation`](./docs/useOrientation.md) &mdash; tracks state of device's screen orientation.
    - [`useSize`](./docs/useSize.md) &mdash; tracks some HTML element's dimensions.
-   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions.
+   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![](https://img.shields.io/badge/demo-useWindowSize-green.svg)](https://codesandbox.io/s/m7ln22668)
      <br/>
      <br/>
 - [__UI__](./docs/UI.md)
diff --git a/docs/useWindowSize.md b/docs/useWindowSize.md
index e84501cf..42cc29d7 100644
--- a/docs/useWindowSize.md
+++ b/docs/useWindowSize.md
@@ -2,6 +2,8 @@
 
 React sensor hook that tracks dimensions of the browser window.
 
+[![](https://img.shields.io/badge/demo-useWindowSize-green.svg)](https://codesandbox.io/s/m7ln22668)
+
 
 ## Usage
 

From 508dfa62aafc3a3ee538bc0c96079d1f3d64f6ba Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:38:58 +0100
Subject: [PATCH 5/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20use=20?=
 =?UTF-8?q?=F0=9F=9A=80=20=20for=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index f344fd48..45c61c74 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@
 ## Reference
 
 - [__Sensors__](./docs/Sensors.md)
-   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![](https://img.shields.io/badge/demo-useBattery-green.svg)](https://codesandbox.io/s/qlvn662zww)
+   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/qlvn662zww)
    - [`useGeolocation`](./docs/useGeolocation.md) &mdash; tracks geo location state of user's device.
    - [`useHover`](./docs/useHover.md) &mdash; tracks mouse hover state of some element.
    - [`useIdle`](./docs/useIdle.md) &mdash; tracks whether user is being inactive.
@@ -42,12 +42,12 @@
    - [`useNetwork`](./docs/useNetwork.md) &mdash; tracks state of user's internet connection.
    - [`useOrientation`](./docs/useOrientation.md) &mdash; tracks state of device's screen orientation.
    - [`useSize`](./docs/useSize.md) &mdash; tracks some HTML element's dimensions.
-   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![](https://img.shields.io/badge/demo-useWindowSize-green.svg)](https://codesandbox.io/s/m7ln22668)
+   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/m7ln22668)
      <br/>
      <br/>
 - [__UI__](./docs/UI.md)
-   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-useAudio-green.svg)](https://codesandbox.io/s/5v7q47knwl)
-   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![](https://img.shields.io/badge/demo-useSpeech-green.svg)](https://codesandbox.io/s/n090mqz69m)
+   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/5v7q47knwl)
+   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/n090mqz69m)
      <br/>
      <br/>
 - [__Animations__](./docs/Animations.md)

From 8334b3b4f5253e3c99e6ef112aae7128e3a0dcdc Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:40:18 +0100
Subject: [PATCH 6/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20space=20?=
 =?UTF-8?q?before=20demo=20emoji?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 45c61c74..63859c2e 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@
 ## Reference
 
 - [__Sensors__](./docs/Sensors.md)
-   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/qlvn662zww)
+   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/qlvn662zww)
    - [`useGeolocation`](./docs/useGeolocation.md) &mdash; tracks geo location state of user's device.
    - [`useHover`](./docs/useHover.md) &mdash; tracks mouse hover state of some element.
    - [`useIdle`](./docs/useIdle.md) &mdash; tracks whether user is being inactive.
@@ -42,12 +42,12 @@
    - [`useNetwork`](./docs/useNetwork.md) &mdash; tracks state of user's internet connection.
    - [`useOrientation`](./docs/useOrientation.md) &mdash; tracks state of device's screen orientation.
    - [`useSize`](./docs/useSize.md) &mdash; tracks some HTML element's dimensions.
-   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/m7ln22668)
+   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/m7ln22668)
      <br/>
      <br/>
 - [__UI__](./docs/UI.md)
-   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/5v7q47knwl)
-   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![](https://img.shields.io/badge/demo-🚀-green.svg)](https://codesandbox.io/s/n090mqz69m)
+   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/5v7q47knwl)
+   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/n090mqz69m)
      <br/>
      <br/>
 - [__Animations__](./docs/Animations.md)

From d6ec5df0ff4c34fe611ca8785c921c3cef395899 Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:45:58 +0100
Subject: [PATCH 7/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20change=20demo?=
 =?UTF-8?q?=20image=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 63859c2e..1f99093f 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@
 ## Reference
 
 - [__Sensors__](./docs/Sensors.md)
-   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/qlvn662zww)
+   - [`useBattery`](./docs/useBattery.md) &mdash; tracks device battery state. [![][img-demo]](https://codesandbox.io/s/qlvn662zww)
    - [`useGeolocation`](./docs/useGeolocation.md) &mdash; tracks geo location state of user's device.
    - [`useHover`](./docs/useHover.md) &mdash; tracks mouse hover state of some element.
    - [`useIdle`](./docs/useIdle.md) &mdash; tracks whether user is being inactive.
@@ -42,12 +42,12 @@
    - [`useNetwork`](./docs/useNetwork.md) &mdash; tracks state of user's internet connection.
    - [`useOrientation`](./docs/useOrientation.md) &mdash; tracks state of device's screen orientation.
    - [`useSize`](./docs/useSize.md) &mdash; tracks some HTML element's dimensions.
-   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/m7ln22668)
+   - [`useWindowSize`](./docs/useWindowSize.md) &mdash; tracks `Window` dimensions. [![][img-demo]](https://codesandbox.io/s/m7ln22668)
      <br/>
      <br/>
 - [__UI__](./docs/UI.md)
-   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/5v7q47knwl)
-   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![](https://img.shields.io/badge/demo-%20🚀-green.svg)](https://codesandbox.io/s/n090mqz69m)
+   - [`useAudio`](./docs/useAudio.md) &mdash; plays audio and exposes its controls. [![][img-demo]](https://codesandbox.io/s/5v7q47knwl)
+   - [`useSpeech`](./docs/useSpeech.md) &mdash; synthesizes speech from a text string. [![][img-demo]](https://codesandbox.io/s/n090mqz69m)
      <br/>
      <br/>
 - [__Animations__](./docs/Animations.md)
@@ -90,3 +90,6 @@
 ## License
 
 [Unlicense](./LICENSE) &mdash; public domain.
+
+
+[img-demo]: https://img.shields.io/badge/demo-%20%20%20%F0%9F%9A%80-green.svg

From 2473b60affdf01815d626f466a8a3b26ab72563d Mon Sep 17 00:00:00 2001
From: streamich <streamich@gmail.com>
Date: Sun, 28 Oct 2018 13:51:37 +0100
Subject: [PATCH 8/8] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20add=20useTween?=
 =?UTF-8?q?=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md        | 2 +-
 docs/useTween.md | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1f99093f..60186998 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@
    - [`useRaf`](./docs/useRaf.md) &mdash; re-renders component on each `reaquestAnimationFrame`.
    - [`useSpring`](./docs/useSpring.md) &mdash; interpolates number over time according to spring dynamics.
    - [`useTimeout`](./docs/useTimeout.md) &mdash; returns true after a timeout.
-   - [`useTween`](./docs/useTween.md) &mdash; re-renders component, while tweening a number from 0 to 1.
+   - [`useTween`](./docs/useTween.md) &mdash; re-renders component, while tweening a number from 0 to 1. [![][img-demo]](https://codesandbox.io/s/52990wwzyl)
      <br/>
      <br/>
 - [__Side-effects__](./docs/Side-effects.md)
diff --git a/docs/useTween.md b/docs/useTween.md
index 4faa2954..19879e67 100644
--- a/docs/useTween.md
+++ b/docs/useTween.md
@@ -2,6 +2,8 @@
 
 React animation hook that tweens a number between 0 and 1.
 
+[![](https://img.shields.io/badge/demo-useTween-green.svg)](https://codesandbox.io/s/52990wwzyl)
+
 
 ## Usage