diff --git a/index.html b/index.html
index 9cbe7a9..58f0abe 100644
--- a/index.html
+++ b/index.html
@@ -93,8 +93,18 @@
 
             <div role="tabpanel" class="tab-pane" id="ab-list">
                 <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-md-3">
+                            <form class="form-inline">
+                                <div class="form-group">
+                                    <label for="search">Filter</label>
+                                    <input type="text" class="form-control" id="search" v-model="search_name" />
+                                </div>
+                            </form>
+                        </div>
+                    </div>
                     <div class="row row-eq-height">
-                        <template v-for="item in static.items | orderBy 'name'">
+                        <template v-for="item in static.items | orderBy 'name' | filterBy search_name in 'name'">
                             <div class="col-md-3">
                                 <div class="panel panel-default">
                                     <div class="panel-heading">
diff --git a/main.css b/main.css
index b40e8c2..25add83 100644
--- a/main.css
+++ b/main.css
@@ -95,3 +95,7 @@
 .footer-text{
     flex-grow: 1;
 }
+
+form{
+    margin-bottom: 1rem;
+}