diff --git a/packages/app/src/components/Footer/index.jsx b/packages/app/src/components/Footer/index.jsx
new file mode 100644
index 00000000..7e7d2434
--- /dev/null
+++ b/packages/app/src/components/Footer/index.jsx
@@ -0,0 +1,29 @@
+import React from "react"
+import config from "config"
+
+import "./index.less"
+
+export default (props) => {
+    const renderLinks = () => {
+        return config.footerLinks.map((link, index) => {
+            let linkProps = {
+                key: index,
+            }
+
+            if (link.url) {
+                linkProps.href = link.url
+            }
+
+            if (link.location) {
+                linkProps.onClick = () => {
+                    app.setLocation(link.location)
+                }
+            }
+
+            return <>| <a {...linkProps}>{link.label}</a> {index === config.footerLinks.length - 1 ? "|" : ""} </>
+        })
+    }
+    return <div className="footer">
+        {config.app.siteName} - {config.author} {config.footerLinks ? renderLinks() : null}
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/components/Footer/index.less b/packages/app/src/components/Footer/index.less
new file mode 100644
index 00000000..227e816a
--- /dev/null
+++ b/packages/app/src/components/Footer/index.less
@@ -0,0 +1,9 @@
+.footer {
+    position: fixed;
+    bottom: 0;
+    padding: 10px;
+
+    font-family: "DM Mono", monospace;
+    font-size: 12px;
+    font-weight: 200;
+}
\ No newline at end of file
diff --git a/packages/app/src/components/index.js b/packages/app/src/components/index.js
index 56bb8880..85f5fcda 100644
--- a/packages/app/src/components/index.js
+++ b/packages/app/src/components/index.js
@@ -1,4 +1,5 @@
 import * as Layout from "./Layout"
+export { default as Footer } from "./Footer"
 
 // COMPLEX COMPONENTS
 export { default as FormGenerator } from "./FormGenerator"