diff --git a/internal/views/articles/filter.templ b/internal/views/articles/filter.templ
new file mode 100644
index 0000000..e2433da
--- /dev/null
+++ b/internal/views/articles/filter.templ
@@ -0,0 +1,31 @@
+package articles
+
+templ filterBar() {
+	<!-- Main container -->
+	<nav class="level">
+		<!-- Left side -->
+		<div class="level-left">
+			<div class="level-item">
+				<p class="subtitle is-5"><strong>123</strong> posts</p>
+			</div>
+			<div class="level-item">
+				<div class="field has-addons">
+					<p class="control">
+						<input class="input" type="text" placeholder="Find a post"/>
+					</p>
+					<p class="control">
+						<button class="button">Search</button>
+					</p>
+				</div>
+			</div>
+		</div>
+		<!-- Right side -->
+		<div class="level-right">
+			<p class="level-item"><strong>All</strong></p>
+			<p class="level-item"><a>Published</a></p>
+			<p class="level-item"><a>Drafts</a></p>
+			<p class="level-item"><a>Deleted</a></p>
+			<p class="level-item"><a class="button is-success">New</a></p>
+		</div>
+	</nav>
+}
diff --git a/internal/views/articles/list.templ b/internal/views/articles/list.templ
index 653047b..f727453 100644
--- a/internal/views/articles/list.templ
+++ b/internal/views/articles/list.templ
@@ -7,6 +7,7 @@ import (
 
 templ List(model models.ListArticlesViewModel) {
 	@layout.WithTemplate() {
+		@filterBar()
 		for _, item := range model.Items {
 			<div class="card">
 				<div class="card-image">