diff --git a/fwt/components/Navbar/Navbar.sass b/fwt/components/Navbar/Navbar.sass
new file mode 100644
index 0000000..edbda91
--- /dev/null
+++ b/fwt/components/Navbar/Navbar.sass
@@ -0,0 +1,7 @@
+.nav
+  position: fixed
+  top: 0
+  width: 100%
+  padding: 1rem 0
+  // margin: 5rem
+
diff --git a/fwt/components/Navbar/Navbar.tsx b/fwt/components/Navbar/Navbar.tsx
new file mode 100644
index 0000000..81f39c4
--- /dev/null
+++ b/fwt/components/Navbar/Navbar.tsx
@@ -0,0 +1,18 @@
+import './Navbar.sass'
+import { Show } from 'solid-js'
+import Row from '../Row/Row'
+
+interface Props {
+  transparent?: boolean
+  children: any
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <nav class="nav" role="navigation" aria-label="main navigation">
+        <Row content="split">{props.children}</Row>
+      </nav>
+    </>
+  )
+}