diff --git a/apps/spotlight/src/env.d.ts b/apps/spotlight/src/env.d.ts
index f964fe0c..acef35f1 100644
--- a/apps/spotlight/src/env.d.ts
+++ b/apps/spotlight/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
diff --git a/e2e/src/create.spec.ts b/e2e/src/create.spec.ts
index 21a96c9f..a5c2997c 100644
--- a/e2e/src/create.spec.ts
+++ b/e2e/src/create.spec.ts
@@ -9,7 +9,7 @@ const createNewForm = async (page: Page) => {
 }
 
 const addQuestions = async (page: Page) => {
-  const menuButton = page.getByRole('button', { name: 'Question' });
+  const menuButton = page.getByRole('button', { name: 'Question', exact: true });
   await menuButton.click();
   await page.getByRole('button', { name: 'Short Answer' }).click();
   await menuButton.click();
diff --git a/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx b/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx
index e5c396e6..4c7e02c5 100644
--- a/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx
+++ b/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx
@@ -282,12 +282,9 @@ const AddPatternDropdownContent = ({
       className={`${styles.dropdownMenu} usa-list usa-list--unstyled position-absolute bg-white z-100 shadow-3 text-left`}
     >
       {availablePatterns.map(([patternType, pattern], index) => (
-        <li
-          key={index}
-          className={`${styles.dropdownItem} padding-1 cursor-pointer margin-left-1`}
-        >
+        <li key={index} className={`${styles.dropdownItem} margin-left-1`}>
           <button
-            className="bg-transparent padding-0 border-0"
+            className="bg-transparent padding-1 text-left width-full cursor-pointer border-0"
             onClick={() => {
               patternSelected(patternType);
             }}
diff --git a/packages/design/src/FormManager/FormEdit/components/common/MovePatternDropdown.tsx b/packages/design/src/FormManager/FormEdit/components/common/MovePatternDropdown.tsx
new file mode 100644
index 00000000..59d4dbd0
--- /dev/null
+++ b/packages/design/src/FormManager/FormEdit/components/common/MovePatternDropdown.tsx
@@ -0,0 +1,210 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { useFormManagerStore } from '../../../store';
+import styles from '../../formEditStyles.module.css';
+
+interface MovePatternDropdownProps {
+  isFieldset: boolean;
+}
+
+// Define the extended type for pages
+interface PageWithLabel {
+  id: string;
+  type: string;
+  data: {
+    title: string;
+    patterns: string[];
+  };
+  specialLabel?: string;
+}
+
+const MovePatternDropdown: React.FC<MovePatternDropdownProps> = ({
+  isFieldset,
+}) => {
+  const context = useFormManagerStore(state => state.context);
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const [targetPage, setTargetPage] = useState('');
+  const [moveToPosition, setMoveToPosition] = useState('');
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const buttonRef = useRef<HTMLButtonElement>(null);
+  const pages = useFormManagerStore(state =>
+    Object.values(state.session.form.patterns).filter(p => p.type === 'page')
+  );
+  const movePatternToPage = useFormManagerStore(state => state.movePattern);
+  const focusPatternId = useFormManagerStore(state => state.focus?.pattern.id);
+  const useAvailablePages = () => {
+    const currentPageIndex = pages.findIndex(page =>
+      page.data.patterns.includes(focusPatternId || '')
+    );
+    const page1Count = pages.reduce(
+      (count, page) => count + (page.data.title === 'Page 1' ? 1 : 0),
+      0
+    );
+    const availablePages: PageWithLabel[] =
+      page1Count > 1
+        ? pages.slice(1).map((page, index) => {
+            if (index + 1 === currentPageIndex) {
+              return { ...page, specialLabel: 'Current page' };
+            }
+            return page;
+          })
+        : pages.map((page, index) => {
+            if (index === currentPageIndex) {
+              return { ...page, specialLabel: 'Current page' };
+            }
+            return page;
+          });
+
+    return availablePages;
+  };
+  const availablePages = useAvailablePages();
+  const currentPageIndex = pages.findIndex(page =>
+    page.data.patterns.includes(focusPatternId || '')
+  );
+  const sourcePage = pages[currentPageIndex]?.id;
+  const handleMovePattern = () => {
+    if (focusPatternId && targetPage) {
+      movePatternToPage(sourcePage, targetPage, focusPatternId, moveToPosition);
+    }
+    setDropdownOpen(false);
+  };
+  const toggleDropdown = () => {
+    setDropdownOpen(!dropdownOpen);
+  };
+  const handleClickOutside = (event: MouseEvent) => {
+    if (
+      dropdownRef.current &&
+      !dropdownRef.current.contains(event.target as Node)
+    ) {
+      setDropdownOpen(false);
+    }
+  };
+  const handleKeyDown = (event: KeyboardEvent) => {
+    if (event.key === 'Escape') {
+      setDropdownOpen(false);
+      buttonRef.current?.focus();
+    }
+  };
+
+  useEffect(() => {
+    if (dropdownOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+      dropdownRef.current?.addEventListener('keydown', handleKeyDown);
+    } else {
+      document.removeEventListener('mousedown', handleClickOutside);
+      dropdownRef.current?.removeEventListener('keydown', handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      dropdownRef.current?.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [dropdownOpen]);
+
+  return (
+    <div
+      className={`${styles.moveToPageWrapper} display-inline-block text-ttop position-relative`}
+      ref={dropdownRef}
+    >
+      <p
+        className={`${styles.movePatternButton} margin-top-1 display-inline-block text-ttop cursor-pointer`}
+      >
+        <button
+          className="usa-button--outline usa-button--unstyled margin-right-0  padding-top-1 padding-left-05 padding-bottom-05"
+          type="button"
+          ref={buttonRef}
+          aria-haspopup="true"
+          aria-expanded={dropdownOpen ? 'true' : 'false'}
+          onClick={event => {
+            event.preventDefault();
+            toggleDropdown();
+          }}
+        >
+          <span className="display-inline-block text-ttop">
+            {isFieldset ? 'Move fieldset' : 'Move question'}
+          </span>
+          <svg
+            className="usa-icon display-inline-block text-ttop"
+            aria-hidden="true"
+            focusable="false"
+            role="img"
+          >
+            <use
+              xlinkHref={`${context.uswdsRoot}img/sprite.svg#expand_more`}
+            ></use>
+          </svg>
+        </button>
+      </p>
+      {dropdownOpen && (
+        <div className={`${styles.dropDown} padding-2`} tabIndex={-1}>
+          <div className={`${styles.moveToPagePosition} margin-bottom-1`}>
+            <label
+              className="usa-label display-inline-block text-ttop margin-right-1"
+              htmlFor="pagenumbers"
+            >
+              Page:
+            </label>
+            <select
+              className="usa-select display-inline-block text-ttop"
+              name="pagenumbers"
+              id="pagenumbers"
+              value={targetPage}
+              onChange={e => setTargetPage(e.target.value)}
+            >
+              <option value="" disabled>
+                Select page
+              </option>
+              {availablePages.map((page, index) => (
+                <option key={page.id} value={page.id}>
+                  {page.specialLabel || page.data.title || `Page ${index + 2}`}
+                </option>
+              ))}
+            </select>
+          </div>
+          <div className={`${styles.moveToPagePosition} margin-bottom-1`}>
+            <label
+              className="usa-label margin-right-1 display-inline-block text-ttop"
+              htmlFor="elementPosition"
+            >
+              Position:
+            </label>
+            <select
+              className="usa-select display-inline-block text-ttop"
+              name="elementPosition"
+              id="elementPosition"
+              value={moveToPosition}
+              onChange={e =>
+                setMoveToPosition(e.target.value as 'top' | 'bottom')
+              }
+            >
+              <option value="" disabled>
+                Select position
+              </option>
+              <option value="top">Top of page</option>
+              <option value="bottom">Bottom of page</option>
+            </select>
+          </div>
+          <p>
+            <button
+              type="button"
+              aria-label={
+                isFieldset
+                  ? 'Move fieldset to another page'
+                  : 'Move question to another page'
+              }
+              title={
+                isFieldset
+                  ? 'Move fieldset to another page'
+                  : 'Move question to another page'
+              }
+              className="usa-button margin-right-0"
+              onClick={handleMovePattern}
+            >
+              {isFieldset ? 'Move fieldset' : 'Move question'}
+            </button>
+          </p>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default MovePatternDropdown;
diff --git a/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx b/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx
index dcc63fe7..d67e5cdb 100644
--- a/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx
@@ -1,7 +1,9 @@
-import React, { PropsWithChildren, ReactElement } from 'react';
+import React, { PropsWithChildren, ReactElement, useMemo } from 'react';
 import classNames from 'classnames';
 
 import { useFormManagerStore } from '../../../store';
+import MovePatternDropdown from './MovePatternDropdown';
+import styles from '../../formEditStyles.module.css';
 
 type PatternEditActionsProps = PropsWithChildren<{
   children?: ReactElement;
@@ -13,16 +15,42 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
   const { deleteSelectedPattern } = useFormManagerStore(state => ({
     deleteSelectedPattern: state.deleteSelectedPattern,
   }));
+  const focusPatternType = useFormManagerStore(
+    state => state.focus?.pattern.type
+  );
+  const patterns = useFormManagerStore(state =>
+    Object.values(state.session.form.patterns)
+  );
+  const focusPatternId = useFormManagerStore(state => state.focus?.pattern.id);
+  const isPatternInFieldset = useMemo(() => {
+    if (!focusPatternId) return false;
+    return patterns.some(
+      p => p.type === 'fieldset' && p.data.patterns.includes(focusPatternId)
+    );
+  }, [focusPatternId, patterns]);
+
+  const isFieldset = focusPatternType === 'fieldset';
+  const isPagePattern = focusPatternType === 'page';
 
   return (
-    <>
-      <div className="border-top-1px border-base-lighter margin-top-2 margin-bottom-2 padding-top-1 width-full text-right pattern-edit-panel base-dark">
-        <span
-          className={classNames('display-inline-block', {
+    <div
+      className={`${styles.patternActionWrapper} margin-top-2 margin-bottom-1 padding-top-1 width-full pattern-edit-panel base-dark text-right`}
+    >
+      <div
+        className={classNames(
+          'border-top-1px border-bottom-1px border-base-lighter ',
+          {
             'border-base-lighter': children,
             'padding-right-1': children,
             'margin-right-1': children,
-          })}
+          }
+        )}
+      >
+        {!isPatternInFieldset && !isPagePattern && (
+          <MovePatternDropdown isFieldset={isFieldset} />
+        )}
+        <span
+          className={`${styles.patternActionButtons} margin-top-1 margin-bottom-1 display-inline-block text-ttop`}
         >
           <button
             type="button"
@@ -53,7 +81,12 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
             className="usa-button--outline usa-button--unstyled"
             onClick={event => {
               event.preventDefault();
-              deleteSelectedPattern();
+              const confirmed = window.confirm(
+                'Are you sure you want to delete this question?'
+              );
+              if (confirmed) {
+                deleteSelectedPattern();
+              }
             }}
           >
             <svg
@@ -67,30 +100,21 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
               ></use>
             </svg>
           </button>
-
-          <button
-            type="submit"
-            aria-label="Save changes to this pattern"
-            title="Save changes to this pattern"
-            className="usa-button--outline usa-button--unstyled text-success hover:text-success"
-          >
-            <svg
-              className="usa-icon usa-icon--size-3 margin-1 text-middle"
-              aria-hidden="true"
-              focusable="false"
-              role="img"
-            >
-              <use xlinkHref={`${context.uswdsRoot}img/sprite.svg#check`}></use>
-            </svg>
-          </button>
-
           {children ? (
-            <span className="margin-left-1 padding-left-2 border-left-1px border-base-lighter">
-              {children}
-            </span>
+            <span className="padding-left-1 padding-top-2px">{children}</span>
           ) : null}
         </span>
       </div>
-    </>
+      <div className="padding-top-2">
+        <button
+          type="submit"
+          aria-label="Save and Close"
+          title="Save and Close"
+          className="usa-button"
+        >
+          Save and Close
+        </button>
+      </div>
+    </div>
   );
 };
diff --git a/packages/design/src/FormManager/FormEdit/formEditStyles.module.css b/packages/design/src/FormManager/FormEdit/formEditStyles.module.css
index fbec8d0d..d6c78511 100644
--- a/packages/design/src/FormManager/FormEdit/formEditStyles.module.css
+++ b/packages/design/src/FormManager/FormEdit/formEditStyles.module.css
@@ -89,15 +89,6 @@
   background: none;
 }
 
-@media (max-width: 40em) {
-  .dropdownMenu {
-    bottom: 4.5rem;
-    max-height: 40vh;
-    overflow: auto;
-    left: 32px;
-  }
-}
-
 .dottedLine {
   display: flex;
   align-items: center;
@@ -118,3 +109,81 @@
 .dottedLine::after {
   margin: 0 0 0 1em;
 }
+
+/* Move to Page */
+
+.moveToPage,
+.questionPosition {
+  max-width: 21rem;
+}
+
+.draggableListWrapper:has(.patternActionWrapper .dropDown select:focus),
+.draggableListWrapper:has(.patternActionWrapper .dropDown:focus ) {
+  outline: 0;
+}
+
+.patternActionWrapper .dropdownMenu div {
+  padding: 8px;
+  cursor: pointer;
+}
+
+.patternActionWrapper .dropdownMenu div:hover {
+  background: #f0f0f0;
+}
+
+.patternActionWrapper .dropDown {
+  position: absolute;
+  top: 3rem;
+  left: 0;
+  background-color: white;
+  border: 1px solid #ccc;
+  z-index: 100;
+  width: 16rem;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.patternActionWrapper .dropDown select {
+  max-width: 9.375rem;
+}
+
+.patternActionWrapper .dropDown button {
+  width: 9.375rem;
+}
+
+.patternActionButtons {
+  max-width: 15.625rem;
+}
+
+.movePatternButton {
+  color: #005ea2;
+}
+
+.movePatternButton:focus {
+  outline: 0.25rem solid red;
+}
+
+.movePatternButton span {
+  font-size: 1.25rem;
+}
+
+.movePatternButton svg {
+  font-size: 1.5rem;
+}
+
+@media (min-width: 64.5em) {
+
+
+  .moveToPage,
+  .questionPosition {
+    min-width: 18.75rem;
+  }
+}
+
+@media (max-width: 40em) {
+  .dropdownMenu {
+    bottom: 4.5rem;
+    max-height: 40vh;
+    overflow: auto;
+    left: 32px;
+  }
+}
\ No newline at end of file
diff --git a/packages/design/src/FormManager/FormEdit/store.ts b/packages/design/src/FormManager/FormEdit/store.ts
index c180ad31..afbde481 100644
--- a/packages/design/src/FormManager/FormEdit/store.ts
+++ b/packages/design/src/FormManager/FormEdit/store.ts
@@ -29,6 +29,12 @@ export type FormEditSlice = {
   clearFocus: () => void;
   deletePattern: (id: PatternId) => void;
   deleteSelectedPattern: () => void;
+  movePattern: (
+    sourcePage: PatternId,
+    targetPage: PatternId,
+    patternId: PatternId,
+    position: string
+  ) => void;
   setFocus: (patternId: PatternId) => boolean;
   setRouteParams: (routeParams: string) => void;
   updatePattern: (data: Pattern) => void;
@@ -69,12 +75,33 @@ export const createFormEditSlice =
       );
       const page = getSessionPage(state.session);
       const newPattern = builder.addPatternToPage(patternType, page);
+
       set({
         session: mergeSession(state.session, { form: builder.form }),
         focus: { pattern: newPattern },
       });
       state.addNotification('success', 'Element added successfully.');
     },
+    movePattern: (sourcePage, targetPage, patternId, position) => {
+      const state = get();
+      const builder = new BlueprintBuilder(
+        state.context.config,
+        state.session.form
+      );
+
+      const movePatternBetweenPages = builder.movePatternBetweenPages(
+        sourcePage,
+        targetPage,
+        patternId,
+        position
+      );
+
+      set({
+        session: mergeSession(state.session, { form: builder.form }),
+        focus: { pattern: movePatternBetweenPages },
+      });
+      state.addNotification('success', 'Element moved successfully.');
+    },
     addPatternToFieldset: (patternType, targetPattern) => {
       const state = get();
       const builder = new BlueprintBuilder(
diff --git a/packages/forms/src/builder/builder.test.ts b/packages/forms/src/builder/builder.test.ts
index 96f4037b..125a1abc 100644
--- a/packages/forms/src/builder/builder.test.ts
+++ b/packages/forms/src/builder/builder.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { BlueprintBuilder } from '.';
-import { createForm, getPattern } from '..';
+import { createForm, getPattern, Pattern } from '..';
 import { defaultFormConfig } from '../patterns';
 import { type InputPattern } from '../patterns/input';
 import { PageSetPattern } from '../patterns/page-set/config';
@@ -22,12 +22,219 @@ describe('form builder', () => {
     expect(builder.form.patterns[newPattern.id]).toEqual(newPattern);
     const oldPage = getPattern<PagePattern>(initial, 'page-1');
     const newPage = getPattern<PagePattern>(builder.form, 'page-1');
+
     expect(newPage.data).toEqual({
       ...oldPage.data,
       patterns: [...oldPage.data.patterns, newPattern.id],
     });
   });
 
+  it('movePattern on the currentpage', () => {
+    const initial = createTwoPageThreePatternTestForm();
+    const builder = new BlueprintBuilder(defaultFormConfig, initial);
+    const pattern = getPattern<Pattern>(builder.form, 'element-1');
+    expect(builder.form.patterns[pattern.id]).toEqual(pattern);
+    const oldPage = getPattern<PagePattern>(initial, 'page-1');
+    const newPage = getPattern<PagePattern>(builder.form, 'page-1');
+    builder.movePatternBetweenPages(
+      oldPage.id,
+      newPage.id,
+      pattern.id,
+      'bottom'
+    );
+
+    expect(builder.form.patterns).toEqual({
+      root: {
+        type: 'page-set',
+        id: 'root',
+        data: {
+          pages: ['page-1', 'page-2'],
+        },
+      } satisfies PageSetPattern,
+      'page-1': {
+        type: 'page',
+        id: 'page-1',
+        data: {
+          title: 'Page 1',
+          patterns: ['element-2', 'element-1'],
+        },
+      } satisfies PagePattern,
+      'page-2': {
+        type: 'page',
+        id: 'page-2',
+        data: {
+          title: 'Page 2',
+          patterns: ['element-3'],
+        },
+      } satisfies PagePattern,
+      'element-1': {
+        type: 'input',
+        id: 'element-1',
+        data: {
+          label: 'Pattern 1',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+      'element-2': {
+        type: 'input',
+        id: 'element-2',
+        data: {
+          label: 'Pattern 2',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+      'element-3': {
+        type: 'input',
+        id: 'element-3',
+        data: {
+          label: 'Pattern 3',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+    });
+  });
+
+  it('movePattern to top of a different page', () => {
+    const initial = createTwoPageThreePatternTestForm();
+    const builder = new BlueprintBuilder(defaultFormConfig, initial);
+    const pattern = getPattern<Pattern>(builder.form, 'element-1');
+    expect(builder.form.patterns[pattern.id]).toEqual(pattern);
+    const oldPage = getPattern<PagePattern>(initial, 'page-1');
+    const newPage = getPattern<PagePattern>(builder.form, 'page-2');
+    builder.movePatternBetweenPages(oldPage.id, newPage.id, pattern.id, 'top');
+    expect(builder.form.patterns).toEqual({
+      root: {
+        type: 'page-set',
+        id: 'root',
+        data: {
+          pages: ['page-1', 'page-2'],
+        },
+      } satisfies PageSetPattern,
+      'page-1': {
+        type: 'page',
+        id: 'page-1',
+        data: {
+          title: 'Page 1',
+          patterns: ['element-2'],
+        },
+      } satisfies PagePattern,
+      'page-2': {
+        type: 'page',
+        id: 'page-2',
+        data: {
+          title: 'Page 2',
+          patterns: ['element-1', 'element-3'],
+        },
+      } satisfies PagePattern,
+      'element-1': {
+        type: 'input',
+        id: 'element-1',
+        data: {
+          label: 'Pattern 1',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+      'element-2': {
+        type: 'input',
+        id: 'element-2',
+        data: {
+          label: 'Pattern 2',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+      'element-3': {
+        type: 'input',
+        id: 'element-3',
+        data: {
+          label: 'Pattern 3',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+    });
+  });
+
+  it('movePattern to bottom of a different page', () => {
+    const initial = createTwoPageThreePatternTestForm();
+    const builder = new BlueprintBuilder(defaultFormConfig, initial);
+    const pattern = getPattern<Pattern>(builder.form, 'element-1');
+    expect(builder.form.patterns[pattern.id]).toEqual(pattern);
+    const oldPage = getPattern<PagePattern>(initial, 'page-1');
+    const newPage = getPattern<PagePattern>(builder.form, 'page-2');
+    builder.movePatternBetweenPages(
+      oldPage.id,
+      newPage.id,
+      pattern.id,
+      'bottom'
+    );
+    expect(builder.form.patterns).toEqual({
+      root: {
+        type: 'page-set',
+        id: 'root',
+        data: {
+          pages: ['page-1', 'page-2'],
+        },
+      } satisfies PageSetPattern,
+      'page-1': {
+        type: 'page',
+        id: 'page-1',
+        data: {
+          title: 'Page 1',
+          patterns: ['element-2'],
+        },
+      } satisfies PagePattern,
+      'page-2': {
+        type: 'page',
+        id: 'page-2',
+        data: {
+          title: 'Page 2',
+          patterns: ['element-3', 'element-1'],
+        },
+      } satisfies PagePattern,
+      'element-1': {
+        type: 'input',
+        id: 'element-1',
+        data: {
+          label: 'Pattern 1',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+      'element-2': {
+        type: 'input',
+        id: 'element-2',
+        data: {
+          label: 'Pattern 2',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+      'element-3': {
+        type: 'input',
+        id: 'element-3',
+        data: {
+          label: 'Pattern 3',
+          initial: '',
+          required: true,
+          maxLength: 128,
+        },
+      },
+    });
+  });
+
   it('removePattern removes pattern and sequence reference', () => {
     const initial = createTestBlueprint();
     const builder = new BlueprintBuilder(defaultFormConfig, initial);
@@ -108,3 +315,70 @@ export const createTestBlueprint = () => {
     }
   );
 };
+
+export const createTwoPageThreePatternTestForm = () => {
+  return createForm(
+    {
+      title: 'Test form',
+      description: 'Test description',
+    },
+    {
+      root: 'root',
+      patterns: [
+        {
+          type: 'page-set',
+          id: 'root',
+          data: {
+            pages: ['page-1', 'page-2'],
+          },
+        } satisfies PageSetPattern,
+        {
+          type: 'page',
+          id: 'page-1',
+          data: {
+            title: 'Page 1',
+            patterns: ['element-1', 'element-2'],
+          },
+        } satisfies PagePattern,
+        {
+          type: 'page',
+          id: 'page-2',
+          data: {
+            title: 'Page 2',
+            patterns: ['element-3'],
+          },
+        } satisfies PagePattern,
+        {
+          type: 'input',
+          id: 'element-1',
+          data: {
+            label: 'Pattern 1',
+            initial: '',
+            required: true,
+            maxLength: 128,
+          },
+        } satisfies InputPattern,
+        {
+          type: 'input',
+          id: 'element-2',
+          data: {
+            label: 'Pattern 2',
+            initial: '',
+            required: true,
+            maxLength: 128,
+          },
+        } satisfies InputPattern,
+        {
+          type: 'input',
+          id: 'element-3',
+          data: {
+            label: 'Pattern 3',
+            initial: '',
+            required: true,
+            maxLength: 128,
+          },
+        } satisfies InputPattern,
+      ],
+    }
+  );
+};
diff --git a/packages/forms/src/builder/index.ts b/packages/forms/src/builder/index.ts
index 12c297c5..8bc648b3 100644
--- a/packages/forms/src/builder/index.ts
+++ b/packages/forms/src/builder/index.ts
@@ -17,9 +17,11 @@ import {
   updatePatternFromFormData,
   createOnePageBlueprint,
   addPatternToFieldset,
+  movePatternBetweenPages,
 } from '..';
 import { type PageSetPattern } from '../patterns/page-set/config';
 import { FieldsetPattern } from '../patterns/fieldset';
+import { PagePattern } from '../patterns/page/config';
 
 export class BlueprintBuilder {
   bp: Blueprint;
@@ -58,6 +60,33 @@ export class BlueprintBuilder {
     }
     const pagePatternId = root.data.pages[pageNum];
     this.bp = addPatternToPage(this.form, pagePatternId, pattern);
+
+    return pattern;
+  }
+
+  movePatternBetweenPages(
+    sourcePageId: PatternId,
+    targetPageId: PatternId,
+    patternId: PatternId,
+    position: string
+  ) {
+    const pattern = getPattern(this.form, patternId);
+    if (!pattern) {
+      throw new Error(`Pattern with id ${patternId} not found.`);
+    }
+    const root = this.form.patterns[this.form.root] as PageSetPattern;
+    if (root.type !== 'page-set') {
+      throw new Error('expected root to be a page-set');
+    }
+
+    this.bp = movePatternBetweenPages(
+      this.form,
+      sourcePageId,
+      targetPageId,
+      patternId,
+      position
+    );
+
     return pattern;
   }
 
diff --git a/packages/forms/src/index.ts b/packages/forms/src/index.ts
index 68edf48e..4af7323f 100644
--- a/packages/forms/src/index.ts
+++ b/packages/forms/src/index.ts
@@ -212,6 +212,84 @@ export const addPatternToPage = (
   };
 };
 
+export const movePatternBetweenPages = (
+  bp: Blueprint,
+  sourcePageId: PatternId,
+  targetPageId: PatternId,
+  patternId: PatternId,
+  position: string
+): Blueprint => {
+  const sourcePage = bp.patterns[sourcePageId] as PagePattern;
+  const targetPage = bp.patterns[targetPageId] as PagePattern;
+
+  if (!sourcePage || !targetPage) {
+    throw new Error('Source or target page not found.');
+  }
+
+  if (sourcePage.type !== 'page' || targetPage.type !== 'page') {
+    throw new Error('Pattern is not a page.');
+  }
+
+  let updatedSourcePatterns: PatternId[];
+  let updatedTargetPatterns: PatternId[];
+
+  if (sourcePageId === targetPageId) {
+    const sourcePagePatterns = sourcePage.data.patterns;
+    const indexToRemove = sourcePagePatterns.indexOf(patternId);
+
+    if (indexToRemove === -1) {
+      throw new Error(`Pattern ID ${patternId} not found in the source page.`);
+    }
+
+    updatedSourcePatterns = [
+      ...sourcePagePatterns.slice(0, indexToRemove),
+      ...sourcePagePatterns.slice(indexToRemove + 1),
+    ];
+
+    updatedTargetPatterns =
+      position === 'top'
+        ? [patternId, ...updatedSourcePatterns]
+        : [...updatedSourcePatterns, patternId];
+  } else {
+    const indexToRemove = sourcePage.data.patterns.indexOf(patternId);
+
+    if (indexToRemove === -1) {
+      throw new Error(`Pattern ID ${patternId} not found in the source page.`);
+    }
+
+    updatedSourcePatterns = [
+      ...sourcePage.data.patterns.slice(0, indexToRemove),
+      ...sourcePage.data.patterns.slice(indexToRemove + 1),
+    ];
+
+    updatedTargetPatterns =
+      position === 'top'
+        ? [patternId, ...targetPage.data.patterns]
+        : [...targetPage.data.patterns, patternId];
+  }
+
+  return {
+    ...bp,
+    patterns: {
+      ...bp.patterns,
+      [sourcePageId]: {
+        ...sourcePage,
+        data: {
+          ...sourcePage.data,
+          patterns: updatedSourcePatterns,
+        },
+      } satisfies PagePattern,
+      [targetPageId]: {
+        ...targetPage,
+        data: {
+          ...targetPage.data,
+          patterns: updatedTargetPatterns,
+        },
+      } satisfies PagePattern,
+    },
+  };
+};
+
 export const addPatternToFieldset = (
   bp: Blueprint,
   fieldsetPatternId: PatternId,
@@ -346,6 +424,7 @@ export const removePatternFromBlueprint = (
     },
     {} as PatternMap
   );
+
   // Remove the pattern itself
   delete patterns[id];
   return {