diff --git a/packages/renderer-vue/playground/App.vue b/packages/renderer-vue/playground/App.vue
index 04ae73d1..a9f70f0b 100644
--- a/packages/renderer-vue/playground/App.vue
+++ b/packages/renderer-vue/playground/App.vue
@@ -14,6 +14,7 @@
         <button @click="createSubgraph">Create Subgraph</button>
         <button @click="saveAndLoad">Save and Load</button>
         <button @click="changeSidebarWidth">SidebarWidth</button>
+        <button @click="clearHistory">Clear History</button>
     </div>
 </template>
 
@@ -149,6 +150,10 @@ const changeSidebarWidth = () => {
     baklavaView.settings.sidebar.width = Math.round(Math.random() * 500) + 300;
     baklavaView.settings.sidebar.resizable = !baklavaView.settings.sidebar.resizable;
 };
+
+const clearHistory = () => {
+    baklavaView.commandHandler.executeCommand<Commands.ClearHistoryCommand>(Commands.CLEAR_HISTORY_COMMAND);
+};
 </script>
 
 <style>
diff --git a/packages/renderer-vue/src/commandList.ts b/packages/renderer-vue/src/commandList.ts
index 142254c0..4beee136 100644
--- a/packages/renderer-vue/src/commandList.ts
+++ b/packages/renderer-vue/src/commandList.ts
@@ -1,5 +1,5 @@
 export type { CreateSubgraphCommand, DeleteNodesCommand, SaveSubgraphCommand, SwitchToMainGraphCommand } from "./graph";
-export type { CommitTransactionCommand, StartTransactionCommand, UndoCommand, RedoCommand } from "./history";
+export type { ClearHistoryCommand, CommitTransactionCommand, StartTransactionCommand, UndoCommand, RedoCommand } from "./history";
 export type { ClearClipboardCommand, CopyCommand, PasteCommand } from "./clipboard";
 export type { OpenSidebarCommand } from "./sidebar";
 export type { StartSelectionBoxCommand } from "./editor/selectionBox";
@@ -10,7 +10,7 @@ export {
     SAVE_SUBGRAPH_COMMAND,
     SWITCH_TO_MAIN_GRAPH_COMMAND,
 } from "./graph";
-export { COMMIT_TRANSACTION_COMMAND, START_TRANSACTION_COMMAND, UNDO_COMMAND, REDO_COMMAND } from "./history";
+export { CLEAR_HISTORY_COMMAND, COMMIT_TRANSACTION_COMMAND, START_TRANSACTION_COMMAND, UNDO_COMMAND, REDO_COMMAND } from "./history";
 export { CLEAR_CLIPBOARD_COMMAND, COPY_COMMAND, PASTE_COMMAND } from "./clipboard";
 export { OPEN_SIDEBAR_COMMAND } from "./sidebar";
 export { START_SELECTION_BOX_COMMAND } from "./editor/selectionBox";
diff --git a/packages/renderer-vue/src/history/index.ts b/packages/renderer-vue/src/history/index.ts
index c01a929c..5b8006c9 100644
--- a/packages/renderer-vue/src/history/index.ts
+++ b/packages/renderer-vue/src/history/index.ts
@@ -12,11 +12,13 @@ export const UNDO_COMMAND = "UNDO";
 export const REDO_COMMAND = "REDO";
 export const START_TRANSACTION_COMMAND = "START_TRANSACTION";
 export const COMMIT_TRANSACTION_COMMAND = "COMMIT_TRANSACTION";
+export const CLEAR_HISTORY_COMMAND = "CLEAR_HISTORY";
 
 export type UndoCommand = ICommand<void>;
 export type RedoCommand = ICommand<void>;
 export type StartTransactionCommand = ICommand<void>;
 export type CommitTransactionCommand = ICommand<void>;
+export type ClearHistoryCommand = ICommand<void>;
 
 export interface IHistory {
     maxSteps: number;
@@ -87,6 +89,11 @@ export function useHistory(graph: Ref<Graph>, commandHandler: ICommandHandler):
         changeBySelf.value = false;
     };
 
+    const clear = () => {
+        steps.value = [];
+        currentIndex.value = -1;
+    };
+
     watch(
         graph,
         (newGraph, oldGraph) => {
@@ -131,6 +138,10 @@ export function useHistory(graph: Ref<Graph>, commandHandler: ICommandHandler):
         canExecute: () => activeTransaction.value,
         execute: commitTransaction,
     });
+    commandHandler.registerCommand<ClearHistoryCommand>(CLEAR_HISTORY_COMMAND, {
+        canExecute: () => steps.value.length > 0,
+        execute: clear,
+    });
 
     commandHandler.registerHotkey(["Control", "z"], UNDO_COMMAND);
     commandHandler.registerHotkey(["Control", "y"], REDO_COMMAND);