diff --git a/src/pages/PatternEditor.tsx b/src/pages/PatternEditor.tsx
index 3a79c18..2240bfb 100644
--- a/src/pages/PatternEditor.tsx
+++ b/src/pages/PatternEditor.tsx
@@ -1,10 +1,19 @@
 import { FC } from 'react';
+import PatternPreview from '../components/PatternPreview';
+import PatternHeader from '../page-components/pattern-editor/PatternHeader';
+import PatternOverview from '../page-components/pattern-editor/PatternOverview';
+import PulseAttributes from '../page-components/pattern-editor/PulseAttributes';
 import styles from './PatternEditor.module.css';
 
 const PatternEditor: FC = () => {
   return (
     <div className="workspace vertical">
-      <div className={styles.pattern_editor_layout}></div>
+      <PatternHeader />
+      <div className={styles.pattern_editor_content}>
+        <PatternOverview />
+        <PulseAttributes />
+      </div>
+      <PatternPreview />
     </div>
   );
 };