diff --git a/creator/index.php b/creator/index.php
index 8bff4640..c4d803f9 100644
--- a/creator/index.php
+++ b/creator/index.php
@@ -662,8 +662,9 @@ include('../globalHTML/header-1.php');
diff --git a/img/frames/modal/helper/transform.png b/img/frames/modal/helper/transform.png
new file mode 100644
index 00000000..63d5542c
Binary files /dev/null and b/img/frames/modal/helper/transform.png differ
diff --git a/img/frames/modal/helper/transformThumb.png b/img/frames/modal/helper/transformThumb.png
new file mode 100644
index 00000000..6331c7a9
Binary files /dev/null and b/img/frames/modal/helper/transformThumb.png differ
diff --git a/img/frames/textless/basics/pinline.svg b/img/frames/textless/basics/pinline.svg
new file mode 100644
index 00000000..af483bca
--- /dev/null
+++ b/img/frames/textless/basics/pinline.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/frames/textless/basics/pinlineThumb.png b/img/frames/textless/basics/pinlineThumb.png
new file mode 100644
index 00000000..d7fb3519
Binary files /dev/null and b/img/frames/textless/basics/pinlineThumb.png differ
diff --git a/img/frames/textless/basics/type.svg b/img/frames/textless/basics/type.svg
new file mode 100644
index 00000000..8ac54965
--- /dev/null
+++ b/img/frames/textless/basics/type.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/img/frames/textless/basics/typeThumb.png b/img/frames/textless/basics/typeThumb.png
new file mode 100644
index 00000000..351e7c46
Binary files /dev/null and b/img/frames/textless/basics/typeThumb.png differ
diff --git a/js/frames/packModalHelper.js b/js/frames/packModalHelper.js
index 28cf0045..df8c287a 100644
--- a/js/frames/packModalHelper.js
+++ b/js/frames/packModalHelper.js
@@ -1,7 +1,8 @@
//Create objects for common properties across available frames
//defines available frames
availableFrames = [
- {name:'Frame', src:'/img/frames/modal/helper/regular.png'}
+ {name:'Modal DFC', src:'/img/frames/modal/helper/regular.png'},
+ {name:'Transform DFC', src:'/img/frames/modal/helper/transform.png'}
];
//disables/enables the "Load Frame Version" button
document.querySelector('#loadFrameVersion').disabled = false;
diff --git a/js/frames/packTextlessBasics.js b/js/frames/packTextlessBasics.js
index bf2d305f..e3eb3943 100644
--- a/js/frames/packTextlessBasics.js
+++ b/js/frames/packTextlessBasics.js
@@ -1,5 +1,5 @@
//Create objects for common properties across available frames
-var masks = [{src:'/img/frames/textless/m15TextlessMaskPinline.png', name:'Pinline'}, {src:'/img/frames/m15/regular/m15MaskTitle.png', name:'Title'}, {src:'/img/frames/textless/m15TextlessMaskType.png', name:'Type'}, {src:'/img/frames/m15/regular/m15MaskBorder.png', name:'Border'}];
+var masks = [{src:'/img/frames/textless/basics/pinline.svg', name:'Pinline'}, {src:'/img/frames/m15/regular/m15MaskTitle.png', name:'Title'}, {src:'/img/frames/textless/basics/type.svg', name:'Type'}, {src:'/img/frames/m15/regular/m15MaskBorder.png', name:'Border'}];
var bounds = {x:0.7573, y:0.8848, width:0.188, height:0.0733};
//defines available frames
availableFrames = [