diff --git a/src/pages/stock/screener/components/ModeToggle.jsx b/src/pages/stock/screener/components/ModeToggle.jsx
new file mode 100644
index 0000000..c786834
--- /dev/null
+++ b/src/pages/stock/screener/components/ModeToggle.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+
+export default function ModeToggle({ value, onChange }) {
+  return (
+    <div className="screener-mode-toggle" role="tablist" aria-label="화면 모드">
+      <button
+        type="button"
+        role="tab"
+        aria-selected={value === 'form'}
+        className={value === 'form' ? 'active' : ''}
+        onClick={() => onChange('form')}
+      >
+        폼
+      </button>
+      <button
+        type="button"
+        role="tab"
+        aria-selected={value === 'canvas'}
+        className={value === 'canvas' ? 'active' : ''}
+        onClick={() => onChange('canvas')}
+      >
+        캔버스
+      </button>
+    </div>
+  );
+}