diff --git a/src/components/Navbar.js b/src/components/Navbar.js
new file mode 100644
index 0000000..3bb99fc
--- /dev/null
+++ b/src/components/Navbar.js
@@ -0,0 +1,6 @@
+import { $html } from "sigpro";
+import { joinClass } from "../core/utils.js";
+
+/** NAVBAR */
+export const Navbar = (props, children) =>
+  $html("div", { ...props, class: joinClass("navbar bg-base-100 shadow-sm px-4", props.class) }, children);