diff --git a/src/App.jsx b/src/App.jsx
index 5f3df15..9d5cf4c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -161,6 +161,11 @@ export default function App() {
     setLoading(false);
   };
 
+  const handleClear = () => {
+    setNodes(initialNodes);
+    setEdges(initialEdges);
+  };
+
   const onNodeClick = async (_event, node) => {
     stopGenerationRef.current = false;
     setLoading(true);
@@ -246,6 +251,22 @@ export default function App() {
           >
             Export as PNG
           </button>
+          <button
+            onClick={handleClear}
+            disabled={loading || nodes.length === 0}
+            style={{
+              padding: '10px 20px',
+              backgroundColor: '#f44336',
+              color: 'white',
+              border: 'none',
+              borderRadius: '8px',
+              fontWeight: 'bold',
+              cursor: loading || nodes.length === 0 ? 'not-allowed' : 'pointer',
+              opacity: loading || nodes.length === 0 ? 0.7 : 1,
+            }}
+          >
+            Clear
+          </button>
         </div>
       </div>