diff --git a/Assets/Readme/Miniature - Done.svg b/Assets/Readme/Miniature - Done.svg
new file mode 100644
index 0000000..504dc3b
--- /dev/null
+++ b/Assets/Readme/Miniature - Done.svg	
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Miniature - Done</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Miniature---Done" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Area" fill="#F4F2F5" x="10" y="10" width="100" height="100" rx="8"></rect>
+        <g id="Icon" transform="translate(35.000000, 44.000000)" stroke-linecap="round" stroke-width="8">
+            <line x1="0.5" y1="15.5" x2="17.5" y2="32.5" id="Line" stroke="#59575A"></line>
+            <line x1="50.5" y1="0.5" x2="17.5" y2="32.5" id="Line" stroke="#59585A"></line>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/Assets/Readme/Miniature - Error.svg b/Assets/Readme/Miniature - Error.svg
new file mode 100644
index 0000000..0f8434f
--- /dev/null
+++ b/Assets/Readme/Miniature - Error.svg	
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Miniature - Error</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Miniature---Error" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Area" fill="#F4F2F5" x="10" y="10" width="100" height="100" rx="8"></rect>
+        <g id="Icon" transform="translate(41.000000, 42.000000)" stroke="#59585A" stroke-linecap="round" stroke-width="6">
+            <line x1="38.0253029" y1="1.77891255e-14" x2="4.97379915e-14" y2="36.873021" id="Line"></line>
+            <line x1="38.0253029" y1="1.06836981e-14" x2="4.61852778e-14" y2="36.873021" id="Line" transform="translate(19.012651, 18.436511) scale(-1, 1) translate(-19.012651, -18.436511) "></line>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/Assets/Readme/Miniature - Heart.svg b/Assets/Readme/Miniature - Heart.svg
new file mode 100644
index 0000000..a2aade1
--- /dev/null
+++ b/Assets/Readme/Miniature - Heart.svg	
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Miniature - Heart</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Miniature---Heart" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Area" fill="#F4F2F5" x="10" y="10" width="100" height="100" rx="8"></rect>
+        <path d="M60.0488281,83.4599609 C59.3913923,83.4599609 58.3971421,82.9547393 57.5156645,82.3938832 L57.3144531,82.2636719 C43.7890625,73.4746094 35,63.1230469 35,52.6494141 C35,43.3720703 41.4453125,37 49.3554688,37 C54.2626953,37 57.9248047,39.734375 60.0488281,43.7138672 C62.2216797,39.7099609 65.8349609,37 70.7666016,37 C78.6523438,37 85.1220703,43.3720703 85.1220703,52.6494141 C85.1220703,63.1230469 76.3330078,73.4746094 62.8076172,82.2636719 C61.8554688,82.8740234 60.78125,83.4599609 60.0488281,83.4599609 Z" id="Icon" fill="#59585A" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/Assets/Sketch/Presets.sketch b/Assets/Sketch/Presets.sketch
new file mode 100644
index 0000000..8cbf673
Binary files /dev/null and b/Assets/Sketch/Presets.sketch differ
diff --git a/Readme.md b/Readme.md
index 6cf8a87..f75e1fa 100644
--- a/Readme.md
+++ b/Readme.md
@@ -69,6 +69,16 @@ github "ivanvorobei/SPAlert"
 
 If you prefer not to use any of dependency managers, you can integrate `SPAlert` into your project manually. Put `Source/SPAlert` folder in your Xcode project. Make sure to enable `Copy items if needed` and `Create groups`.
 
+### Presets
+
+For now supporting `Done`, `Heart`, `Error` & `Message` presets.
+
+<p float="left">
+    <img src="https://github.com/ivanvorobei/SPAlert/blob/master/Assets/Readme/Miniature%20-%20Done.gif" width="60">
+    <img src="https://github.com/ivanvorobei/SPAlert/blob/master/Assets/Readme/Miniature%20-%20Heart.gif" width="60">
+    <img src="https://github.com/ivanvorobei/SPAlert/blob/master/Assets/Readme/Miniature%20-%20Error.gif" width="60">
+</p>
+
 ## Quick Start
 
 For best experience, I recommend call alerts by `SPAlert`. These functions are updated regularly and show as Apple way. I focus on presets: 
@@ -91,7 +101,7 @@ SPAlert.present(message: "Empty UITextField")
 
 ## Usage
 
-For now supporting `Done`, `Heart`, `Error` &  `Message` presets. Sometimes it may require deep customization. In this section, I will show you what you can do.
+Sometimes it may require deep customization. In this section, I will show you what you can do.
 
 ### Duration