diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 65a07793..1f4a28bf 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -142,6 +142,7 @@ function Nav(props) {
           );
         })()}
       </ul>
+      <div className="nav__announce">This is a preview version of the editor, that has not yet been officially released. It is in development, you can report bugs <a href="https://github.com/processing/p5.js-web-editor/issues" target="_blank">here</a>. Please use with caution.</div>
     </nav>
   );
 }
diff --git a/client/styles/components/_nav.scss b/client/styles/components/_nav.scss
index 9bd2362f..84f91fdd 100644
--- a/client/styles/components/_nav.scss
+++ b/client/styles/components/_nav.scss
@@ -50,6 +50,7 @@
 		height: auto;
 	}
 	padding-bottom: #{8 / $base-font-size}rem;
+  z-index: 1;
 }
 
 .nav__item-spacer {
@@ -93,3 +94,18 @@
   width: 100%;
 }
 
+.nav__announce {
+  position: absolute;
+  top: #{40 / $base-font-size}rem;
+  right: #{88 / $base-font-size}rem;
+  width: #{398 / $base-font-size}rem;
+  padding: #{5 / $base-font-size}rem 0;
+  text-transform: uppercase;
+  background-color: #ffbc00;
+  color: white;
+  text-align: center;
+  padding: #{7 / $base-font-size}rem #{8 / $base-font-size}rem;
+  line-height: 145%;
+  z-index: 0;
+}
+