diff --git a/ui/frontend/AdvancedResetMenu.tsx b/ui/frontend/AdvancedResetMenu.tsx
new file mode 100644
index 000000000..4bf4c7003
--- /dev/null
+++ b/ui/frontend/AdvancedResetMenu.tsx
@@ -0,0 +1,36 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import ButtonMenuItem from './ButtonMenuItem';
+import MenuGroup from './MenuGroup';
+
+import * as actions from './actions';
+
+interface AdvancedResetMenuProps {
+  close: () => void;
+}
+
+const AdvancedResetMenu: React.SFC<AdvancedResetMenuProps> = props => {
+  const dispatch = useDispatch();
+  const resetToMinimal = useCallback(() => {
+    dispatch(actions.resetEditorToMinimal());
+    props.close();
+  }, [dispatch, props]);
+  const resetToHello = useCallback(() => {
+    dispatch(actions.resetEditorToHello());
+    props.close();
+  }, [dispatch, props]);
+
+  return (
+    <MenuGroup title="Reset Editor">
+      <ButtonMenuItem name="Reset to a minimal executable code" onClick={resetToMinimal}>
+        <div>Reset the editor content with just an empty main function.</div>
+      </ButtonMenuItem>
+      <ButtonMenuItem name='Reset to an "Hello World"' onClick={resetToHello}>
+        <div>Reset the editor content with an &quot;Hello World&quot; executable.</div>
+      </ButtonMenuItem>
+    </MenuGroup>
+  );
+};
+
+export default AdvancedResetMenu;
diff --git a/ui/frontend/Header.tsx b/ui/frontend/Header.tsx
index 6e74d60ba..595493561 100644
--- a/ui/frontend/Header.tsx
+++ b/ui/frontend/Header.tsx
@@ -11,6 +11,7 @@ import ModeMenu from './ModeMenu';
 import PopButton from './PopButton';
 import { SegmentedButton, SegmentedButtonSet, SegmentedLink } from './SegmentedButton';
 import ToolsMenu from './ToolsMenu';
+import AdvancedResetMenu from './AdvancedResetMenu';
 
 import * as actions from './actions';
 import * as selectors from './selectors';
@@ -32,6 +33,12 @@ const Header: React.SFC = () => (
         <AdvancedOptionsMenuButton />
       </SegmentedButtonSet>
     </HeaderSet>
+    <HeaderSet id="reset">
+      <SegmentedButtonSet>
+        <ResetButton />
+        <AdvancedResetMenuButton />
+      </SegmentedButtonSet>
+    </HeaderSet>
     <HeaderSet id="share">
       <SegmentedButtonSet>
         <ShareButton />
@@ -128,6 +135,28 @@ const AdvancedOptionsMenuButton: React.SFC = () => {
   return <PopButton Button={Button} Menu={AdvancedOptionsMenu} />;
 }
 
+const ResetButton: React.SFC = () => {
+  const dispatch = useDispatch();
+  const resetAction = useCallback(() => dispatch(actions.resetEditorToEmpty()), [dispatch]);
+
+  return (
+    <SegmentedButton title="Reset the editor" onClick={resetAction}>
+      <HeaderButton>Reset</HeaderButton>
+    </SegmentedButton>
+  );
+};
+
+const AdvancedResetMenuButton: React.SFC = () => {
+  const Button = React.forwardRef<HTMLButtonElement, { toggle: () => void }>(({ toggle }, ref) => (
+    <SegmentedButton title="Reset the editor with some default content" ref={ref} onClick={toggle}>
+      <HeaderButton icon={<MoreOptionsIcon />} />
+    </SegmentedButton>
+  ));
+  Button.displayName = 'AdvancedResetMenuButton.Button';
+
+  return <PopButton Button={Button} Menu={AdvancedResetMenu} />;
+}
+
 const ShareButton: React.SFC = () => {
   const dispatch = useDispatch();
   const gistSave = useCallback(() => dispatch(actions.performGistSave()), [dispatch]);
diff --git a/ui/frontend/actions.ts b/ui/frontend/actions.ts
index b04581c56..4e8238dfb 100644
--- a/ui/frontend/actions.ts
+++ b/ui/frontend/actions.ts
@@ -122,6 +122,9 @@ export enum ActionType {
   RequestVersionsLoad = 'REQUEST_VERSIONS_LOAD',
   VersionsLoadSucceeded = 'VERSIONS_LOAD_SUCCEEDED',
   NotificationSeen = 'NOTIFICATION_SEEN',
+  ResetEditorToEmpty = 'RESET_EDITOR_TO_EMPTY',
+  ResetEditorToMinimal = 'RESET_EDITOR_TO_MINIMAL',
+  ResetEditorToHelloWorld = 'RESET_EDITOR_TO_HELLOWORLD',
   BrowserWidthChanged = 'BROWSER_WIDTH_CHANGED',
   SplitRatioChanged = 'SPLIT_RATIO_CHANGED',
 }
@@ -457,6 +460,15 @@ export const performCompileToNightlyHir =
 export const performCompileToNightlyWasm =
   performAndSwitchPrimaryAction(performCompileToNightlyWasmOnly, PrimaryActionCore.Wasm);
 
+export const resetEditorToEmpty = () =>
+  createAction(ActionType.ResetEditorToEmpty);
+
+export const resetEditorToMinimal = () =>
+  createAction(ActionType.ResetEditorToMinimal);
+
+export const resetEditorToHello = () =>
+  createAction(ActionType.ResetEditorToHelloWorld);
+
 export const editCode = (code: string) =>
   createAction(ActionType.EditCode, { code });
 
@@ -870,6 +882,9 @@ export type Action =
   | ReturnType<typeof requestVersionsLoad>
   | ReturnType<typeof receiveVersionsLoadSuccess>
   | ReturnType<typeof notificationSeen>
+  | ReturnType<typeof resetEditorToEmpty>
+  | ReturnType<typeof resetEditorToMinimal>
+  | ReturnType<typeof resetEditorToHello>
   | ReturnType<typeof browserWidthChanged>
   | ReturnType<typeof splitRatioChanged>
   ;
diff --git a/ui/frontend/index.scss b/ui/frontend/index.scss
index bb4b97736..db61e1aaa 100644
--- a/ui/frontend/index.scss
+++ b/ui/frontend/index.scss
@@ -44,6 +44,454 @@ $header-accent-border: #bdbdbd;
 $header-border-radius: 4px;
 $header-transition: 0.2s ease-in-out;
 
+.header {
+  display: flex;
+  font-size: 12px;
+
+  padding: 1.25em 0;
+
+  &__set {
+    margin-right: 0.5em;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &--reset {
+      margin-right: auto;
+    }
+  }
+
+  button:enabled {
+    cursor: pointer;
+  }
+}
+
+@mixin active-button($bg-dark) {
+  background: linear-gradient($bg-dark, #ededed);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
+
+  border-top-color: #bababa;
+  border-bottom-color: #d6d6d6;
+}
+
+.segmented-button {
+  display: flex;
+  align-items: center;
+
+  border-radius: $header-border-radius;
+  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.4), inset 0 1px 0px white;
+
+  &__button {
+    @include button-reset;
+
+    $bg-light: #fff;
+    $bg-dark: #f9f9f9;
+
+    background-color: $bg-light;
+    background: linear-gradient($bg-light, $bg-dark);
+    color: #444;
+
+    border: 1px solid $header-main-border;
+
+    &:first-child {
+      border-top-left-radius: $header-border-radius;
+      border-bottom-left-radius: $header-border-radius;
+    }
+
+    &:last-child {
+      border-top-right-radius: $header-border-radius;
+      border-bottom-right-radius: $header-border-radius;
+    }
+
+    &:not(:first-child) {
+      border-left: none;
+    }
+
+    &:not(:last-child) {
+      border-right: 1px solid $header-main-border;
+    }
+
+    &:hover {
+      background: linear-gradient($bg-light, #f3f3f3);
+      color: #333;
+    }
+
+    &:active {
+      @include active-button($bg-dark);
+    }
+
+    &--build {
+      $rust-dark: #80331a;
+
+      background: $rust;
+      color: white;
+
+      border-color: hsl(15, 66.7%, 32%);
+
+      &:not(:last-child) {
+        // Silly specificity
+        border-right-width: 0;
+      }
+
+      .header-button {
+        font-weight: 700;
+      }
+
+      &:hover {
+        background: $rust-dark;
+        color: white;
+      }
+
+      &:active {
+        background: $rust-dark;
+        border-top-color: $rust-dark;
+        border-bottom-color: $rust-dark;
+      }
+    }
+  }
+}
+
+.popper {
+  z-index: 10;
+  font-size: 12px;
+
+  // Prevents the popper from shifting when adding it to the DOM
+  // triggers showing the scrollbars.
+  // https://github.com/FezVrasta/popper.js/issues/457#issuecomment-367692177
+  top: 0;
+
+  $fg-color: #222;
+  $bg-color: white;
+  $arrow-size: 10px;
+  $vertical-border-color: #cacaca;
+
+  &__arrow {
+    position: absolute;
+    margin: $arrow-size;
+    border: $arrow-size solid transparent;
+  }
+
+  &[data-placement^="bottom"] &__arrow {
+    margin-top: 0;
+    border-top-width: 0;
+    border-bottom-color: $bg-color;
+  }
+
+  &__content {
+    background: $bg-color;
+    color: $fg-color;
+
+    margin: $arrow-size;
+
+    border-radius: $header-border-radius;
+
+    box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.6), inset 0 1px 0px white;
+
+    border-left: 1px solid $vertical-border-color;
+    border-right: 1px solid $vertical-border-color;
+    border-bottom: 1px solid $header-accent-border;
+  }
+
+  button:enabled {
+    cursor: pointer;
+  }
+}
+
+.menu-group {
+  width: 27em;
+  padding: 0.75em 1em 0 1em;
+
+  &:last-child {
+    padding-bottom: 0.75em;
+  }
+
+  line-height: normal;
+
+  &__title {
+    margin: 0;
+
+    text-transform: uppercase;
+    font-weight: 700;
+    font-size: 11px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid $header-main-border;
+  }
+
+  &__content {
+    padding: 1em 0.25em;
+  }
+}
+
+.menu-item {
+  margin-bottom: 1em;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@mixin menu-item-title {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+@mixin full-menu-button {
+  @include button-reset;
+
+  width: 100%;
+  transition: color $header-transition;
+  user-select: text;
+}
+
+.button-menu-item {
+  @include full-menu-button;
+
+  &:hover {
+    color: $header-tint;
+  }
+
+  &__name {
+    @include menu-item-title;
+    margin: 0;
+  }
+
+  &__description {
+    margin: 0;
+  }
+}
+
+.selectable-item {
+  @include full-menu-button;
+
+  &__header {
+    display: flex;
+    align-items: center;
+  }
+
+  &__name {
+    @include menu-item-title;
+  }
+
+  &__description {
+    padding-left: 2em;
+  }
+
+  &:hover {
+    color: $header-tint;
+  }
+
+  &--selected {
+    font-weight: 600;
+    color: $header-tint;
+  }
+
+  &__checkmark {
+    margin-right: 0.5em;
+
+    opacity: 0;
+    transition: opacity 0.15s ease-in-out;
+  }
+
+  &:hover &__checkmark {
+    opacity: 0.5;
+    color: $header-tint;
+  }
+
+  &--selected &__checkmark,
+  &--selected:hover &__checkmark {
+    opacity: 1;
+  }
+}
+
+.build-menu {
+  &__code {
+    background: #EEE;
+    padding: 0 0.25em;
+  }
+
+  &__aside {
+    margin: 0.25em 0 0 0;
+    color: #888;
+  }
+}
+
+.channel-menu {
+  &__description {
+    margin: 0;
+  }
+}
+
+.advanced-options-menu {
+  &__aside {
+    margin: 0.25em 0 1em 0;
+    color: #888;
+  }
+}
+
+.tools-menu {
+  &__aside {
+    margin: 0.25em 0 0 0;
+    color: #888;
+  }
+}
+
+.config-element {
+  display: flex;
+  align-items: center;
+
+  &__name {
+    flex: 1;
+    font-size: 13px;
+
+    &--not-default {
+      font-weight: 600;
+      color: $header-tint;
+    }
+  }
+
+  &__value {
+    flex: 1;
+  }
+
+  &__select {
+    width: 100%;
+  }
+
+  &__toggle {
+    display: flex;
+
+    input {
+      display: none;
+    }
+
+    label {
+      $border: 1px solid #bbb;
+
+      flex: 1;
+      padding: 0 1em;
+
+      text-transform: uppercase;
+      font-size: 11px;
+      font-weight: 600;
+      color: #777;
+      text-align: center;
+
+      cursor: pointer;
+
+      border: $border;
+      border-top-left-radius: $header-border-radius;
+      border-bottom-left-radius: $header-border-radius;
+      border-right-width: 0;
+
+      ~ label {
+        border-right-width: 1px;
+        border-left: $border;
+        border-radius: 0 $header-border-radius $header-border-radius 0;
+      }
+
+      &:hover {
+        background: hsla(208, 100%, 43%, 0.1);
+      }
+    }
+
+    :checked + label {
+      border-color: $header-tint;
+      background: $header-tint;
+      color: #fff;
+
+      ~ label {
+        border-left-width: 0;
+      }
+    }
+  }
+}
+
+.header-button {
+  height: 3em;
+  padding: 0 1.25em;
+  display: flex;
+  align-items: center;
+
+  text-transform: uppercase;
+  text-decoration: none;
+  font-weight: 600;
+
+  white-space: nowrap;
+
+  &--expandable {
+    padding-right: 1em;
+  }
+
+  &--has-left-icon {
+    padding-left: 1em;
+  }
+
+  &--has-right-icon {
+    padding-right: 1em;
+  }
+
+  &--icon-only {
+    padding: 0 0.75em;
+  }
+
+  &__left-icon {
+    margin-right: 0.5em;
+  }
+
+  &--icon-only &__left-icon {
+    margin-right: 0;
+  }
+
+  &__drop {
+    margin-left: 0.75em;
+  }
+
+  &__right-icon {
+    margin-left: 0.75em;
+  }
+}
+
+.icon {
+  display: block;
+  fill: currentColor;
+}
+
+.notifications {
+    position: absolute;
+    z-index: 10;
+
+    $buffer: 0.5em;
+
+    bottom: $buffer;
+    left: $buffer;
+    right: $buffer;
+
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 50em;
+
+    background: white;
+    border: 2px solid #428bca;
+
+    &__notification {
+      display: flex;
+    }
+
+    $space: 0.25em;
+
+    &__notification-content {
+      padding: $space 0 $space $space;
+    }
+
+    &__close {
+      @include button-reset;
+      padding: $space;
+      background: #e1e1db;
+      cursor: pointer;
+    }
+}
+
 :root {
   --rust: #{$rust};
   --rust-dark: #80331a;
diff --git a/ui/frontend/reducers/code.ts b/ui/frontend/reducers/code.ts
index b64bacb39..ba02d47c4 100644
--- a/ui/frontend/reducers/code.ts
+++ b/ui/frontend/reducers/code.ts
@@ -4,6 +4,9 @@ const DEFAULT: State = `fn main() {
     println!("Hello, world!");
 }`;
 
+const EMPTY_MAIN: State = `fn main() {
+}`;
+
 export type State = string;
 
 export default function code(state = DEFAULT, action: Action): State {
@@ -28,6 +31,15 @@ export default function code(state = DEFAULT, action: Action): State {
     case ActionType.FormatSucceeded:
       return action.code;
 
+    case ActionType.ResetEditorToEmpty:
+      return '';
+
+    case ActionType.ResetEditorToMinimal:
+      return EMPTY_MAIN;
+
+    case ActionType.ResetEditorToHelloWorld:
+      return DEFAULT;
+
     default:
       return state;
   }