diff --git a/img/frames/invocation/margins/a.png b/img/frames/invocation/margins/a.png
new file mode 100644
index 00000000..0e895dbc
Binary files /dev/null and b/img/frames/invocation/margins/a.png differ
diff --git a/img/frames/invocation/margins/aThumb.png b/img/frames/invocation/margins/aThumb.png
new file mode 100644
index 00000000..fd75516d
Binary files /dev/null and b/img/frames/invocation/margins/aThumb.png differ
diff --git a/img/frames/invocation/margins/b.png b/img/frames/invocation/margins/b.png
new file mode 100644
index 00000000..aae69d4d
Binary files /dev/null and b/img/frames/invocation/margins/b.png differ
diff --git a/img/frames/invocation/margins/bThumb.png b/img/frames/invocation/margins/bThumb.png
new file mode 100644
index 00000000..31463e9e
Binary files /dev/null and b/img/frames/invocation/margins/bThumb.png differ
diff --git a/img/frames/invocation/margins/g.png b/img/frames/invocation/margins/g.png
new file mode 100644
index 00000000..80f13f4f
Binary files /dev/null and b/img/frames/invocation/margins/g.png differ
diff --git a/img/frames/invocation/margins/gThumb.png b/img/frames/invocation/margins/gThumb.png
new file mode 100644
index 00000000..e198986c
Binary files /dev/null and b/img/frames/invocation/margins/gThumb.png differ
diff --git a/img/frames/invocation/margins/m.png b/img/frames/invocation/margins/m.png
new file mode 100644
index 00000000..b99472d4
Binary files /dev/null and b/img/frames/invocation/margins/m.png differ
diff --git a/img/frames/invocation/margins/mThumb.png b/img/frames/invocation/margins/mThumb.png
new file mode 100644
index 00000000..275e26c1
Binary files /dev/null and b/img/frames/invocation/margins/mThumb.png differ
diff --git a/img/frames/invocation/margins/r.png b/img/frames/invocation/margins/r.png
new file mode 100644
index 00000000..6340704a
Binary files /dev/null and b/img/frames/invocation/margins/r.png differ
diff --git a/img/frames/invocation/margins/rThumb.png b/img/frames/invocation/margins/rThumb.png
new file mode 100644
index 00000000..805065b4
Binary files /dev/null and b/img/frames/invocation/margins/rThumb.png differ
diff --git a/img/frames/invocation/margins/u.png b/img/frames/invocation/margins/u.png
new file mode 100644
index 00000000..f42ad402
Binary files /dev/null and b/img/frames/invocation/margins/u.png differ
diff --git a/img/frames/invocation/margins/uThumb.png b/img/frames/invocation/margins/uThumb.png
new file mode 100644
index 00000000..36500ff1
Binary files /dev/null and b/img/frames/invocation/margins/uThumb.png differ
diff --git a/img/frames/invocation/margins/w.png b/img/frames/invocation/margins/w.png
new file mode 100644
index 00000000..ea84fd86
Binary files /dev/null and b/img/frames/invocation/margins/w.png differ
diff --git a/img/frames/invocation/margins/wThumb.png b/img/frames/invocation/margins/wThumb.png
new file mode 100644
index 00000000..73087fcb
Binary files /dev/null and b/img/frames/invocation/margins/wThumb.png differ
diff --git a/js/frames/packMarginInvocation.js b/js/frames/packMarginInvocation.js
new file mode 100644
index 00000000..12564444
--- /dev/null
+++ b/js/frames/packMarginInvocation.js
@@ -0,0 +1,19 @@
+//Create objects for common properties across available frames
+var bounds = {x:-0.044, y:-1/35, width:1.088, height:37/35};
+var ogBounds = {x:0, y:0, width:1, height:1};
+//defines available frames
+availableFrames = [
+	{name:'White Extension', src:'/img/frames/invocation/margins/w.png', bounds:bounds, ogBounds:ogBounds},
+	{name:'Blue Extension', src:'/img/frames/invocation/margins/u.png', bounds:bounds, ogBounds:ogBounds},
+	{name:'Black Extension', src:'/img/frames/invocation/margins/b.png', bounds:bounds, ogBounds:ogBounds},
+	{name:'Red Extension', src:'/img/frames/invocation/margins/r.png', bounds:bounds, ogBounds:ogBounds},
+	{name:'Green Extension', src:'/img/frames/invocation/margins/g.png', bounds:bounds, ogBounds:ogBounds},
+	{name:'Multicolored Extension', src:'/img/frames/invocation/margins/m.png', bounds:bounds, ogBounds:ogBounds},
+	{name:'Artifact Extension', src:'/img/frames/invocation/margins/a.png', bounds:bounds, ogBounds:ogBounds}
+];
+//disables/enables the "Load Frame Version" button
+document.querySelector('#loadFrameVersion').disabled = false;
+//defines process for loading this version, if applicable
+document.querySelector('#loadFrameVersion').onclick = loadMarginVersion;
+//loads available frames
+loadFramePack();
\ No newline at end of file