diff --git a/packages/color-alpha/README.md b/packages/color-alpha/README.md
index 5e57e24a4..8a75fd381 100644
--- a/packages/color-alpha/README.md
+++ b/packages/color-alpha/README.md
@@ -3,6 +3,8 @@ Color Alpha
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-alpha)](https://bundlephobia.com/package/@uiw/react-color-alpha) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-alpha.svg)](https://www.npmjs.com/package/@uiw/react-color-alpha)
 
+![image](https://user-images.githubusercontent.com/1680273/124279988-b723c580-db7a-11eb-976f-9cecf2960b5f.png)
+
 ## Install
 
 ```bash
diff --git a/packages/color-hue/README.md b/packages/color-hue/README.md
index 32093ea65..21ad7af4a 100644
--- a/packages/color-hue/README.md
+++ b/packages/color-hue/README.md
@@ -3,6 +3,8 @@ Color Hue
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-hue)](https://bundlephobia.com/package/@uiw/react-color-hue) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-hue.svg)](https://www.npmjs.com/package/@uiw/react-color-hue)
 
+![image](https://user-images.githubusercontent.com/1680273/124279725-6a3fef00-db7a-11eb-95b7-fba428a7c2ba.png)
+
 ## Install
 
 ```bash
diff --git a/packages/color-saturation/README.md b/packages/color-saturation/README.md
index be8197997..e1cd57ffd 100644
--- a/packages/color-saturation/README.md
+++ b/packages/color-saturation/README.md
@@ -3,6 +3,8 @@ Color Saturation
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-saturation)](https://bundlephobia.com/package/@uiw/react-color-saturation) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-saturation.svg)](https://www.npmjs.com/package/@uiw/react-color-saturation)
 
+![image](https://user-images.githubusercontent.com/1680273/124278948-7d05f400-db79-11eb-9358-e290a0b636a2.png)
+
 ## Install
 
 ```bash
diff --git a/packages/color-shade-slider/README.md b/packages/color-shade-slider/README.md
index e5af427d4..cab1ef522 100644
--- a/packages/color-shade-slider/README.md
+++ b/packages/color-shade-slider/README.md
@@ -3,6 +3,8 @@ React Shade Slider
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-shade-slider)](https://bundlephobia.com/package/@uiw/react-color-shade-slider) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-shade-slider.svg)](https://www.npmjs.com/package/@uiw/react-color-shade-slider)
 
+![image](https://user-images.githubusercontent.com/1680273/124280065-d3276700-db7a-11eb-8640-fc756b80ed1c.png)
+
 ## Install
 
 ```bash
diff --git a/packages/color-sketch/README.md b/packages/color-sketch/README.md
index 6d84350fd..28adaf289 100644
--- a/packages/color-sketch/README.md
+++ b/packages/color-sketch/README.md
@@ -3,6 +3,8 @@ React Sketch
 
 [![npm bundle size](https://img.shields.io/bundlephobia/minzip/@uiw/react-color-sketch)](https://bundlephobia.com/package/@uiw/react-color-sketch) [![npm version](https://img.shields.io/npm/v/@uiw/react-color-sketch.svg)](https://www.npmjs.com/package/@uiw/react-color-sketch)
 
+![image](https://user-images.githubusercontent.com/1680273/124280267-0ff35e00-db7b-11eb-8989-2a35006e114f.png)
+
 ## Install
 
 ```bash