diff --git a/package-lock.json b/package-lock.json
index 1223b01..15e1971 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8692,6 +8692,7 @@
     "packages/frontend": {
       "version": "0.0.0",
       "dependencies": {
+        "@jspsych/metadata": "^0.0.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
       },
diff --git a/packages/frontend/package.json b/packages/frontend/package.json
index 6e6925a..01d365e 100644
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "@jspsych/metadata": "^0.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
index cc9257e..d9764c4 100644
--- a/packages/frontend/src/App.tsx
+++ b/packages/frontend/src/App.tsx
@@ -1,5 +1,5 @@
 import Upload from "./pages/Upload.tsx";
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import ViewOptions from "./pages/ViewOptions.tsx";
 import { useState } from 'react';
 import './App.css'
diff --git a/packages/frontend/src/components/Preview.tsx b/packages/frontend/src/components/Preview.tsx
index cf8a322..b9fa7d9 100644
--- a/packages/frontend/src/components/Preview.tsx
+++ b/packages/frontend/src/components/Preview.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 
 interface PreviewProps {
   jsPsychMetadata: JsPsychMetadata;
diff --git a/packages/frontend/src/components/popups/AuthorPopup.tsx b/packages/frontend/src/components/popups/AuthorPopup.tsx
index e2449a2..a1c2807 100644
--- a/packages/frontend/src/components/popups/AuthorPopup.tsx
+++ b/packages/frontend/src/components/popups/AuthorPopup.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import React, { useState } from 'react';
 
 type AuthorPopup = {
diff --git a/packages/frontend/src/components/popups/FieldPopup.tsx b/packages/frontend/src/components/popups/FieldPopup.tsx
index c9415d3..1427eab 100644
--- a/packages/frontend/src/components/popups/FieldPopup.tsx
+++ b/packages/frontend/src/components/popups/FieldPopup.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import React, { useState } from 'react';
 
 type FieldPopup = {
diff --git a/packages/frontend/src/components/popups/ListPopup.tsx b/packages/frontend/src/components/popups/ListPopup.tsx
index 2bb5b41..7c5a776 100644
--- a/packages/frontend/src/components/popups/ListPopup.tsx
+++ b/packages/frontend/src/components/popups/ListPopup.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import React, { useState } from 'react';
 import Trash from '../../assets/trash.svg'
 
diff --git a/packages/frontend/src/components/popups/VariablePopup.tsx b/packages/frontend/src/components/popups/VariablePopup.tsx
index 1a99d3a..1727a17 100644
--- a/packages/frontend/src/components/popups/VariablePopup.tsx
+++ b/packages/frontend/src/components/popups/VariablePopup.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 
 type VariablePopup = {
   jsPsychMetadata: JsPsychMetadata; // maybe unnecesssary
diff --git a/packages/frontend/src/components/upload/AuthorForm.tsx b/packages/frontend/src/components/upload/AuthorForm.tsx
index 09c61da..2436801 100644
--- a/packages/frontend/src/components/upload/AuthorForm.tsx
+++ b/packages/frontend/src/components/upload/AuthorForm.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { AuthorFields } from '../../../../metadata/dist/AuthorsMap';
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 
 interface AuthorFormProps {
   jsPsychMetadata: JsPsychMetadata;
diff --git a/packages/frontend/src/components/upload/PromptForm.tsx b/packages/frontend/src/components/upload/PromptForm.tsx
index d4e27f8..3cc9ebe 100644
--- a/packages/frontend/src/components/upload/PromptForm.tsx
+++ b/packages/frontend/src/components/upload/PromptForm.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 
 interface PromptFormProps {
   jsPsychMetadata: JsPsychMetadata;
diff --git a/packages/frontend/src/components/upload/UploadData.tsx b/packages/frontend/src/components/upload/UploadData.tsx
index 9e8ac03..c6d612f 100644
--- a/packages/frontend/src/components/upload/UploadData.tsx
+++ b/packages/frontend/src/components/upload/UploadData.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import React, { useState, useRef, useEffect } from 'react';
 
 type UploadDataProps = {
diff --git a/packages/frontend/src/components/upload/UploadMetadata.tsx b/packages/frontend/src/components/upload/UploadMetadata.tsx
index 2eb7ab7..2d24a5a 100644
--- a/packages/frontend/src/components/upload/UploadMetadata.tsx
+++ b/packages/frontend/src/components/upload/UploadMetadata.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import { useState } from 'react'
 
 type UploadMetadataProps = {
diff --git a/packages/frontend/src/pages/Options.tsx b/packages/frontend/src/pages/Options.tsx
index 63758dc..5e0154f 100644
--- a/packages/frontend/src/pages/Options.tsx
+++ b/packages/frontend/src/pages/Options.tsx
@@ -3,7 +3,7 @@ import FieldPopup, { FieldFormData } from '../components/popups/FieldPopup';
 import AuthorPopup, { AuthorFormData } from '../components/popups/AuthorPopup';
 import VariablePopup, { VariableFormData } from '../components/popups/VariablePopup';
 import ListPopup from '../components/popups/ListPopup';
-import JsPsychMetadata, { AuthorFields, VariableFields } from 'metadata';
+import JsPsychMetadata, { AuthorFields, VariableFields } from '@jspsych/metadata';
 
 interface OptionsProps {
   jsPsychMetadata: JsPsychMetadata;
diff --git a/packages/frontend/src/pages/Upload.tsx b/packages/frontend/src/pages/Upload.tsx
index c4deeed..29716fd 100644
--- a/packages/frontend/src/pages/Upload.tsx
+++ b/packages/frontend/src/pages/Upload.tsx
@@ -1,6 +1,6 @@
 import UploadMetadata from '../components/upload/UploadMetadata.tsx';
 import UploadData from '../components/upload/UploadData.tsx';
-import JsPsychMetadata from 'metadata';
+import JsPsychMetadata from '@jspsych/metadata';
 import AuthorForm from '../components/upload/AuthorForm.tsx';
 import { useState } from 'react';
 import PromptForm from '../components/upload/PromptForm.tsx';
diff --git a/packages/frontend/src/pages/ViewOptions.tsx b/packages/frontend/src/pages/ViewOptions.tsx
index cb9baef..5876799 100644
--- a/packages/frontend/src/pages/ViewOptions.tsx
+++ b/packages/frontend/src/pages/ViewOptions.tsx
@@ -1,4 +1,4 @@
-import JsPsychMetadata from "metadata"; 
+import JsPsychMetadata from "@jspsych/metadata"; 
 import Preview from "../components/Preview";
 import Options from "./Options";