diff --git a/docs/img/showcase/example-echo.png b/docs/img/showcase/example-echo.png
new file mode 100644
index 00000000..66462e0e
Binary files /dev/null and b/docs/img/showcase/example-echo.png differ
diff --git a/docs/img/showcase/logo-echo.svg b/docs/img/showcase/logo-echo.svg
new file mode 100644
index 00000000..bec45351
--- /dev/null
+++ b/docs/img/showcase/logo-echo.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="150px" height="48px" viewBox="0 0 150 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 3.6.1 (26313) - http://www.bohemiancoding.com/sketch -->
+    <title>echo</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <radialGradient cx="85.1421106%" cy="50.1949703%" fx="85.1421106%" fy="50.1949703%" r="86.5222156%" id="radialGradient-1">
+            <stop stop-color="#5580AB" offset="0%"></stop>
+            <stop stop-color="#22A5CC" offset="50%"></stop>
+            <stop stop-color="#2FBFD8" offset="100%"></stop>
+        </radialGradient>
+        <radialGradient cx="77.7411029%" cy="50.3072315%" fx="77.7411029%" fy="50.3072315%" r="129.621313%" id="radialGradient-2">
+            <stop stop-color="#5580AB" offset="0%"></stop>
+            <stop stop-color="#22A5CC" offset="50%"></stop>
+            <stop stop-color="#2FBFD8" offset="100%"></stop>
+        </radialGradient>
+        <radialGradient cx="45.6497331%" cy="51.2903522%" fx="45.6497331%" fy="51.2903522%" r="316.49944%" id="radialGradient-3">
+            <stop stop-color="#5580AB" offset="0%"></stop>
+            <stop stop-color="#22A5CC" offset="50%"></stop>
+            <stop stop-color="#2FBFD8" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="echo">
+            <g id="Page-1">
+                <g id="echo">
+                    <g id="Page-1">
+                        <g id="echo">
+                            <g id="Group">
+                                <path d="M6.6668794,14.7490248 L6.6668794,21.140628 L22.8741418,21.140628 L22.8741418,26.6487934 L6.6668794,26.6487934 L6.6668794,33.1663472 L22.8741418,33.1663472 L22.8741418,38.674843 L0.0326804578,38.674843 L0.0326804578,9.2408595 L22.934419,9.2408595 L22.934419,14.7490248 L6.6668794,14.7490248 L6.6668794,14.7490248 L6.6668794,14.7490248 L6.6668794,14.7490248 Z" id="Shape" fill="#FFF"></path>
+                                <path d="M97.5744058,38.674843 L97.5744058,27.0693554 L84.2643486,27.0693554 L84.2643486,38.674843 L77.6299516,38.674843 L77.6299516,9.2408595 L84.2643486,9.2408595 L84.2643486,21.5192066 L97.5744058,21.5192066 L97.5744058,9.2408595 L104.208473,9.2408595 L104.208473,38.674843 L97.5744058,38.674843 L97.5744058,38.674843 L97.5744058,38.674843 L97.5744058,38.674843 Z" id="Shape" fill="#FFF"></path>
+                                <path d="M149.96732,23.9580166 C149.96732,32.4515042 143.165229,38.969124 134.179952,38.969124 C125.19441,38.969124 118.39232,32.4935538 118.39232,23.9580166 C118.39232,15.3799008 125.19441,9.03094214 134.179952,9.03094214 C143.165229,9.03087604 149.96732,15.4221488 149.96732,23.9580166 L149.96732,23.9580166 L149.96732,23.9580166 L149.96732,23.9580166 Z M125.19441,23.9580166 C125.19441,29.1299174 129.351232,33.1663472 134.263798,33.1663472 C139.176364,33.1663472 143.165163,29.1299174 143.165163,23.9580166 C143.165163,18.7858512 139.176364,14.8333223 134.263798,14.8333223 C129.309309,14.8333223 125.19441,18.7857851 125.19441,23.9580166 L125.19441,23.9580166 L125.19441,23.9580166 L125.19441,23.9580166 Z" id="Shape" fill="#FFF"></path>
+                                <g id="Shape" transform="translate(37.103874, 0.000000)">
+                                    <path d="M23.956492,47.976529 C10.7548415,47.976529 0.014590669,37.220562 0.014590669,24 C0.014590669,10.779438 10.7548415,0.0234710744 23.956492,0.0234710744 C25.2740096,0.0234710744 26.3420994,1.09289256 26.3420994,2.41249586 C26.3420994,3.73203306 25.2740096,4.80152066 23.956492,4.80152066 C13.3857174,4.80152066 4.78580546,13.4138843 4.78580546,23.9999338 C4.78580546,34.5860496 13.3856514,43.1984132 23.956492,43.1984132 C25.2740096,43.1984132 26.3420994,44.2679008 26.3420994,45.587372 C26.3420994,46.9070414 25.2740096,47.976529 23.956492,47.976529 L23.956492,47.976529 L23.956492,47.976529 L23.956492,47.976529 Z" fill="url(#radialGradient-1)"></path>
+                                    <path d="M23.956492,39.210248 C15.5816461,39.210248 8.76839788,32.386843 8.76839788,24 C8.76839788,15.613157 15.5817121,8.78981818 23.956492,8.78981818 C25.2740096,8.78981818 26.3420994,9.85930578 26.3420994,11.178843 C26.3420994,12.4983802 25.2740096,13.5678678 23.956492,13.5678678 C18.212522,13.5678678 13.5396127,18.2476033 13.5396127,24 C13.5396127,29.7523306 18.212522,34.4320662 23.956492,34.4320662 C25.2740096,34.4320662 26.3420994,35.5015538 26.3420994,36.821157 C26.3420994,38.1407604 25.2740096,39.210248 23.956492,39.210248 L23.956492,39.210248 L23.956492,39.210248 L23.956492,39.210248 Z" fill="url(#radialGradient-2)"></path>
+                                    <path d="M22.743486,27.6040992 C20.756052,27.6040992 19.1448724,25.9912066 19.1448724,24.0006612 C19.1448724,22.0101158 20.756052,20.3968926 22.743486,20.3968926 C24.7309198,20.3968926 26.3420994,22.0101158 26.3420994,24.0006612 C26.3420994,25.9912066 24.7308538,27.6040992 22.743486,27.6040992 L22.743486,27.6040992 L22.743486,27.6040992 L22.743486,27.6040992 Z" fill="url(#radialGradient-3)"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/index.haml b/docs/index.haml
index 0cf3e4e6..17251bd6 100644
--- a/docs/index.haml
+++ b/docs/index.haml
@@ -103,6 +103,14 @@ layout: default
             %img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
           .spacer10
           Marionette.js
+      .col-sm-4.showcase
+        %a{:href => "https://labstack.com/echo", :target => "_blank"}
+          %img.img-responsive.logo{:src => "./img/showcase/logo-echo.svg", :alt => "echo"}
+          .screen-wrapper
+            %img.img-responsive.example.freezeframe{:src => "./img/showcase/example-echo.png", :alt => "echo docsearch demo"}
+            %img.img-responsive.screen-mask{:src => "./img/mask.png", :alt => "mask"}
+          .spacer10
+          Echo
       .col-sm-4.showcase
         .placeholder-logo
         .placeholder-screen