diff --git a/components/CodeEditor/CodeEditor.tsx b/components/CodeEditor/CodeEditor.tsx
new file mode 100644
index 0000000..04bc4e4
--- /dev/null
+++ b/components/CodeEditor/CodeEditor.tsx
@@ -0,0 +1,18 @@
+import Editor from "@monaco-editor/react";
+
+const CodeEditor = () => {
+  return (
+    <Editor
+      height="90vh"
+      defaultLanguage="cpp"
+      defaultValue="// some comment"
+      options={{
+        minimap: {
+          enabled: false,
+        },
+      }}
+    />
+  );
+};
+
+export default CodeEditor;
diff --git a/pages/editor.tsx b/pages/editor.tsx
index 80ddbb4..8768caa 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -1,5 +1,7 @@
+import CodeEditor from "../components/CodeEditor/CodeEditor";
+
 const Editor = () => {
-  return "Редактор кода";
+  return <CodeEditor />;
 };
 
 export default Editor;