diff --git a/README.md b/README.md
index dbfa409..6199947 100644
--- a/README.md
+++ b/README.md
@@ -9,13 +9,25 @@ And website at https://leon-kim.com/
 ## What is special?
 The font is made with code, it has coordinate values of the drawing points for each type. With the coordinate values, you can create custom shapes, effects or animations.
 
+![Drawing animation](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/drawing.gif)
 - [Drawing animation](https://leon-kim.com/examples/#canvas-basic)
+
+![Weight change](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/weight.gif)
 - [Weight change](https://leon-kim.com/examples/#canvas-basic)
+
+![Wave](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/wave.gif)
 - [Wave](https://leon-kim.com/examples/#wave)
+
+![Metaball](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/metaball.gif)
 - [Metaball](https://leon-kim.com/examples/#metaball-pixi)
-- [Gradient](https://leon-kim.com/examples/#gradient)
+
+![Plant](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/plant.gif)
 - [Plant](https://leon-kim.com/examples/#plants-pixi)
+
+![Colorful](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/colorful.gif)
 - [Colorful](https://leon-kim.com/examples/#colorful)
+
+![Color pattern](https://raw.githubusercontent.com/cmiscm/leonsans/gh-pages/screenshot/colorpattern.gif)
 - [Color pattern](https://leon-kim.com/examples/#color-pattern)