diff --git a/assets/js/engine.js b/assets/js/engine.js
index cb50a10..b022ef1 100644
--- a/assets/js/engine.js
+++ b/assets/js/engine.js
@@ -119,6 +119,7 @@ var app = new Vue({
         method: 'get', // default methods
         old: '',
         flds: [
+            {"type":"row","name":"","label":"","size":12,"id":"","options":"","others":[]}
         ], // list of field
         // type of inputs
         typ: [
@@ -607,6 +608,14 @@ var app = new Vue({
         },
         changeTheme: function () {
         },
+        copy: function () {
+            var dummyInput = document.createElement('textarea');
+            document.body.appendChild(dummyInput);
+            dummyInput.value = document.querySelector('#code').innerText;
+            dummyInput.select();
+            document.execCommand('copy');
+            document.body.removeChild(dummyInput);
+        },
     },
 
 });
diff --git a/index.html b/index.html
index 4761092..8e495c6 100644
--- a/index.html
+++ b/index.html
@@ -189,8 +189,12 @@ <h4 class="ui dividing header">Elements</h4>
         </div>
 
         <div class="ui segment inverted">
-            <h2>
+            <h2 >
                 Generated Code
+                <div class="right floated ui button olive" @click="copy">
+                    &nbsp;
+                    <i class="copy outline icon"></i>
+                </div>
             </h2>
             <pre id="code">
                 {{code}}