diff --git a/README.md b/README.md
index e27e59b..0414748 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,8 @@ A circular progress indicator component, built with SVG and extensively customiz
 [![Build Status](https://travis-ci.org/iqnivek/react-circular-progressbar.svg?branch=master)](https://travis-ci.org/iqnivek/react-circular-progressbar)
 [![Bundle size](https://img.shields.io/bundlephobia/min/react-circular-progressbar.svg)](https://bundlephobia.com/result?p=react-circular-progressbar)
 
-[![react-circular-progressbar animated gif](/docs/react-circular-progressbar.gif?raw=true)](http://www.kevinqi.com/react-circular-progressbar/)
+[![react-circular-progressbar animated gif](/docs/animated-progressbar.gif?raw=true)](http://www.kevinqi.com/react-circular-progressbar/)
+[![react-circular-progressbar examples](/docs/circular-progressbar-examples.png?raw=true)](https://codesandbox.io/s/vymm4oln6y)
 
 ## Installation
 
diff --git a/docs/animated-progressbar.gif b/docs/animated-progressbar.gif
new file mode 100644
index 0000000..76182ca
Binary files /dev/null and b/docs/animated-progressbar.gif differ
diff --git a/docs/circular-progressbar-examples.png b/docs/circular-progressbar-examples.png
new file mode 100644
index 0000000..b8e27d7
Binary files /dev/null and b/docs/circular-progressbar-examples.png differ
diff --git a/docs/react-circular-progressbar.gif b/docs/react-circular-progressbar.gif
deleted file mode 100644
index d2c1f92..0000000
Binary files a/docs/react-circular-progressbar.gif and /dev/null differ