diff --git a/templates/datasets/dataset_list.tmpl b/templates/datasets/dataset_list.tmpl
index 05ec5eaef..b6a12ac51 100644
--- a/templates/datasets/dataset_list.tmpl
+++ b/templates/datasets/dataset_list.tmpl
@@ -1,4 +1,50 @@
 <div class="ui repository list">
+  <div class="item">
+    <div class="ui header">
+      <a class="name" href="{{.Link}}">
+        人脸分析
+      </a>
+      <div class="ui right metas">
+        <span class="text grey">{{svg "octicon-flame" 16}} 24</span>
+      </div>
+    </div>
+    <div class="description">
+      <a><div class="ui small label topic">人脸分析100张经典样例图片</div></a>
+      <p class="time">{{$.i18n.Tr "org.repo_updated"}} 2019-02-01</p>
+    </div>
+  </div>
+
+  <div class="item">
+    <div class="ui header">
+      <a class="name" href="{{.Link}}">
+        人脸分析
+      </a>
+      <div class="ui right metas">
+        <span class="text grey">{{svg "octicon-flame" 16}} 24</span>
+      </div>
+    </div>
+    <div class="description">
+      <a><div class="ui small label topic">人脸分析100张经典样例图片</div></a>
+      <p class="time">{{$.i18n.Tr "org.repo_updated"}} 2019-02-01</p>
+    </div>
+  </div>
+
+  <div class="item">
+    <div class="ui header">
+      <a class="name" href="{{.Link}}">
+        人脸分析
+      </a>
+      <div class="ui right metas">
+        <span class="text grey">{{svg "octicon-flame" 16}} 12</span>
+      </div>
+    </div>
+    <div class="description">
+      <a><div class="ui small label topic">人脸分析100张经典样例图片</div></a>
+      <p class="time">{{$.i18n.Tr "org.repo_updated"}} 2019-02-01</p>
+    </div>
+  </div>
+
+
 	{{range .Repos}}
 		<div class="item">
 			<div class="ui header">
diff --git a/templates/datasets/dataset_search.tmpl b/templates/datasets/dataset_search.tmpl
new file mode 100644
index 000000000..bab6c87b2
--- /dev/null
+++ b/templates/datasets/dataset_search.tmpl
@@ -0,0 +1,24 @@
+<div class="ui right floated secondary filter menu">
+    <!-- Sort -->
+    <div class="ui right dropdown type jump item">
+      <span class="text">
+        {{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
+      </span>
+      <div class="menu">
+        <a class="item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>
+        <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>
+        <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a>
+        <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a>
+        <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.mostforks"}}</a>
+      </div>
+    </div>
+</div>
+<form class="ui form ignore-dirty" style="max-width: 90%">
+    <input type="hidden" name="tab" value="{{$.TabName}}">
+    <input type="hidden" name="sort" value="{{$.SortType}}">
+    <div class="ui fluid action input">
+        <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus>
+        <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button>
+    </div>
+</form>
+<div class="ui divider"></div>
diff --git a/templates/datasets/index.tmpl b/templates/datasets/index.tmpl
index 168f221d3..5712aa232 100644
--- a/templates/datasets/index.tmpl
+++ b/templates/datasets/index.tmpl
@@ -1,3 +1,10 @@
 {{template "base/head" .}}
-	{{template "datasets/dataset_list" .}}
+  <div class="explore repositories">
+    <div class="ui container">
+	    {{template "datasets/dataset_search" .}}
+      <div class="ui repository list">
+	      {{template "datasets/dataset_list" .}}
+      </div>
+    </div>
+  </div>
 {{template "base/footer" .}}
\ No newline at end of file