diff --git a/dist/moon.js b/dist/moon.js
index ce371f40..379b5f31 100644
--- a/dist/moon.js
+++ b/dist/moon.js
@@ -46,16 +46,90 @@
     stack[stack.length - 1].children.push(child);
   };
 
+  var whitespaceRE = /\s/;
+
+  var parseAttributes = function (index, input, length, attributes) {
+    while (index < length) {
+      var char = input[index];
+
+      if (char === "/" || char === ">") {
+        break;
+      } else if (whitespaceRE.test(char)) {
+        index += 1;
+        continue;
+      } else {
+        var key = "";
+        var value = "";
+        var literal = false;
+
+        while (index < length) {
+          char = input[index];
+
+          if (char === "/" || char === ">" || whitespaceRE.test(char)) {
+            value = key;
+            break;
+          } else if (char === "=") {
+            index += 1;
+            break;
+          } else {
+            key += char;
+            index += 1;
+          }
+        }
+
+        if (value.length === 0) {
+          var quote = (void 0);
+          char = input[index];
+
+          if (char === "\"" || char === "'") {
+            quote = char;
+            index += 1;
+          } else if (char === "{") {
+            quote = "}";
+            literal = true;
+            index += 1;
+          } else {
+            quote = whitespaceRE;
+          }
+
+          while (index < length) {
+            char = input[index];
+
+            if (char === "/" || char === ">") {
+              break;
+            } else if ((typeof quote === "object" && quote.test(char)) || char === quote) {
+              index += 1;
+              break;
+            } else {
+              value += char;
+              index += 1;
+            }
+          }
+        }
+
+        attributes.push({
+          key: key,
+          value: value,
+          literal: literal
+        });
+      }
+    }
+
+    return index;
+  };
+
   var parseOpeningTag = function (index, input, length, stack) {
     var type = "";
+    var attributes;
 
-    for (; index < length; index++) {
+    while (index < length) {
       var char = input[index];
 
       if (char === ">") {
         var element = {
           index: stack.parseIndex++,
           type: type,
+          attributes: attributes,
           children: []
         };
 
@@ -68,13 +142,18 @@
         pushChild({
           index: stack.parseIndex++,
           type: type,
+          attributes: attributes,
           children: []
         }, stack);
 
         index += 2;
         break;
+      } else if (whitespaceRE.test(char)) {
+        attributes = [];
+        index = parseAttributes(index + 1, input, length, attributes);
       } else {
         type += char;
+        index += 1;
       }
     }
 
diff --git a/dist/moon.min.js b/dist/moon.min.js
index ce872a90..ac723cf6 100644
--- a/dist/moon.min.js
+++ b/dist/moon.min.js
@@ -4,4 +4,4 @@
  * Released under the MIT License
  * https://kbrsh.github.io/moon
  */
-!function(n,e){"undefined"==typeof module?n.Moon=e():module.exports=e()}(this,function(){"use strict";var a=function(n,e,t){for(;n<t;){var r=e[n],i=e[n+1],u=e[n+2];if("<"===r&&"!"===i&&"-"===u&&"-"===e[n+3])n=a(n+4,e,t);else{if("-"===r&&"-"===i&&">"===u){n+=3;break}n+=1}}return n},n={silent:!0},d=function(n,e){e[e.length-1].children.push(n)},f=function(n,e,t,r){for(var i="";n<t;n++){var u=e[n];if(">"===u){var o={index:r.parseIndex++,type:i,children:[]};d(o,r),r.push(o),n+=1;break}if("/"===u&&">"===e[n+1]){d({index:r.parseIndex++,type:i,children:[]},r),n+=2;break}i+=u}return n},s=function(n,e,t,r){for(;n<t;n++){var i=e[n];if(">"===i){n+=1;break}i}var u=r.pop();return u.type,n},o=/(?:(?:&(?:amp|gt|lt|nbsp|quot);)|"|\\|\n)/g,c={"&amp;":"&","&gt;":">","&lt;":"<","&nbsp;":" ","&quot;":'\\"',"\\":"\\\\",'"':'\\"',"\n":"\\n"},m=function(n,e,t,r){for(var i="";n<t;n++){var u=e[n];if("<"===u||"{"===u)break;i+=u}return d({index:r.parseIndex++,type:"m-text",content:i.replace(o,function(n){return c[n]})},r),n},p=/"[^"]*"|'[^']*'|\d+[a-zA-Z$_]\w*|\.[a-zA-Z$_]\w*|[a-zA-Z$_]\w*:|([a-zA-Z$_]\w*)/g,l=function(n,e,t,r,i,u){for(var o,c="";n<t;n++){var a=e[n];if("}"===a){n+=1;break}c+=a}for(;null!==(o=p.exec(c));){var f=o[1];void 0!==f&&-1===u.indexOf(f)&&i.push(f)}return d({index:r.parseIndex++,type:"m-expression",content:c},r),n},i=function(n,t){return n.reduce(function(n,e){return n+t(e)},"")},r=function(n){switch(n.type){case"m-fragment":return i(n.children,r);case"m-expression":return"m["+n.index+"] = m.ct("+n.content+");";case"m-text":return"m["+n.index+'] = m.ct("'+n.content+'");';default:return i(n.children,r)+"m["+n.index+'] = m.ce("'+n.type+'");'}},u=function(n,e){var t="";switch(n.type){case"m-fragment":return i(n.children,function(n){return u(n,e)});default:var r="m["+n.index+"]";"m-text"!==n.type&&"m-expression"!==n.type&&(t+=i(n.children,function(n){return u(n,r)})),t+="m.ma("+r+", "+e+");"}return t},h=function(n){switch(n.type){case"m-expression":return"m.ut(m["+n.index+"], "+n.content+");";case"m-text":return"";default:return i(n.children,h)}},x=function(n){return e=function(n){for(var e=n.length,t=[],r=["NaN","false","in","null","true","typeof","undefined"],i={type:"m-fragment",children:[],dependencies:t},u=[i],o=u.parseIndex=0;o<e;){var c=n[o];o="<"===c?"!"===n[o+1]&&"-"===n[o+2]&&"-"===n[o+3]?a(o+4,n,e):"/"===n[o+1]?s(o+2,n,e,u):f(o+1,n,e,u):"{"===c?l(o+1,n,e,u,t,r):m(o,n,e,u)}return i}(n),t="var m = this.m; "+i(e.dependencies,function(n){return"var "+n+" = this.data."+n+";"}),new Function("return [function () {"+t+r(e)+"}, function (root) {var m = this.m;"+u(e,"root")+"}, function () {var m = this.m;"+t+h(e)+"}]")();var e,t},v={},y=function(n){return document.createElement(n)},g=function(n){return document.createTextNode(n)},b=function(n,e){e.appendChild(n)},w=function(n,e){n.textContent=e},k=function(e,t,r){return function(){var n;this.name=e,this.data=r(),this.create=t[0],this.mount=t[1],this.update=t[2],this.m=((n=[]).c=v,n.ce=y,n.ct=g,n.ma=b,n.ut=w,n)}};function e(n,e,t){if("string"==typeof n&&(n=document.querySelector(n)),"string"==typeof e&&(e=x(e)),void 0===t)t=function(){return{}};else if("object"==typeof t){var r=t;t=function(){return r}}var i=new(k("m-root",e,t));return i.create(),i.mount(n),i}return e.extend=function(n,e,t){"string"==typeof e&&(e=x(e)),void 0===t&&(t=function(){return{}}),v[n]=k(n,e,t)},e.compile=x,e.config=n,e});
\ No newline at end of file
+!function(e,t){"undefined"==typeof module?e.Moon=t():module.exports=t()}(this,function(){"use strict";var a=function(e,t,n){for(;e<n;){var r=t[e],i=t[e+1],u=t[e+2];if("<"===r&&"!"===i&&"-"===u&&"-"===t[e+3])e=a(e+4,t,n);else{if("-"===r&&"-"===i&&">"===u){e+=3;break}e+=1}}return e},e={silent:!0},s=function(e,t){t[t.length-1].children.push(e)},f=/\s/,d=function(e,t,n,r){for(;e<n;){var i=t[e];if("/"===i||">"===i)break;if(f.test(i))e+=1;else{for(var u="",o="",c=!1;e<n;){if("/"===(i=t[e])||">"===i||f.test(i)){o=u;break}if("="===i){e+=1;break}u+=i,e+=1}if(0===o.length){var a=void 0;for('"'===(i=t[e])||"'"===i?(a=i,e+=1):"{"===i?(a="}",c=!0,e+=1):a=f;e<n&&"/"!==(i=t[e])&&">"!==i;){if("object"==typeof a&&a.test(i)||i===a){e+=1;break}o+=i,e+=1}}r.push({key:u,value:o,literal:c})}}return e},m=function(e,t,n,r){for(var i,u="";e<n;){var o=t[e];if(">"===o){var c={index:r.parseIndex++,type:u,attributes:i,children:[]};s(c,r),r.push(c),e+=1;break}if("/"===o&&">"===t[e+1]){s({index:r.parseIndex++,type:u,attributes:i,children:[]},r),e+=2;break}f.test(o)?e=d(e+1,t,n,i=[]):(u+=o,e+=1)}return e},p=function(e,t,n,r){for(;e<n;e++){var i=t[e];if(">"===i){e+=1;break}i}var u=r.pop();return u.type,e},o=/(?:(?:&(?:amp|gt|lt|nbsp|quot);)|"|\\|\n)/g,c={"&amp;":"&","&gt;":">","&lt;":"<","&nbsp;":" ","&quot;":'\\"',"\\":"\\\\",'"':'\\"',"\n":"\\n"},l=function(e,t,n,r){for(var i="";e<n;e++){var u=t[e];if("<"===u||"{"===u)break;i+=u}return s({index:r.parseIndex++,type:"m-text",content:i.replace(o,function(e){return c[e]})},r),e},v=/"[^"]*"|'[^']*'|\d+[a-zA-Z$_]\w*|\.[a-zA-Z$_]\w*|[a-zA-Z$_]\w*:|([a-zA-Z$_]\w*)/g,h=function(e,t,n,r,i,u){for(var o,c="";e<n;e++){var a=t[e];if("}"===a){e+=1;break}c+=a}for(;null!==(o=v.exec(c));){var f=o[1];void 0!==f&&-1===u.indexOf(f)&&i.push(f)}return s({index:r.parseIndex++,type:"m-expression",content:c},r),e},i=function(e,n){return e.reduce(function(e,t){return e+n(t)},"")},r=function(e){switch(e.type){case"m-fragment":return i(e.children,r);case"m-expression":return"m["+e.index+"] = m.ct("+e.content+");";case"m-text":return"m["+e.index+'] = m.ct("'+e.content+'");';default:return i(e.children,r)+"m["+e.index+'] = m.ce("'+e.type+'");'}},u=function(e,t){var n="";switch(e.type){case"m-fragment":return i(e.children,function(e){return u(e,t)});default:var r="m["+e.index+"]";"m-text"!==e.type&&"m-expression"!==e.type&&(n+=i(e.children,function(e){return u(e,r)})),n+="m.ma("+r+", "+t+");"}return n},x=function(e){switch(e.type){case"m-expression":return"m.ut(m["+e.index+"], "+e.content+");";case"m-text":return"";default:return i(e.children,x)}},y=function(e){return t=function(e){for(var t=e.length,n=[],r=["NaN","false","in","null","true","typeof","undefined"],i={type:"m-fragment",children:[],dependencies:n},u=[i],o=u.parseIndex=0;o<t;){var c=e[o];o="<"===c?"!"===e[o+1]&&"-"===e[o+2]&&"-"===e[o+3]?a(o+4,e,t):"/"===e[o+1]?p(o+2,e,t,u):m(o+1,e,t,u):"{"===c?h(o+1,e,t,u,n,r):l(o,e,t,u)}return i}(e),n="var m = this.m; "+i(t.dependencies,function(e){return"var "+e+" = this.data."+e+";"}),new Function("return [function () {"+n+r(t)+"}, function (root) {var m = this.m;"+u(t,"root")+"}, function () {var m = this.m;"+n+x(t)+"}]")();var t,n},b={},g=function(e){return document.createElement(e)},k=function(e){return document.createTextNode(e)},w=function(e,t){t.appendChild(e)},I=function(e,t){e.textContent=t},z=function(t,n,r){return function(){var e;this.name=t,this.data=r(),this.create=n[0],this.mount=n[1],this.update=n[2],this.m=((e=[]).c=b,e.ce=g,e.ct=k,e.ma=w,e.ut=I,e)}};function t(e,t,n){if("string"==typeof e&&(e=document.querySelector(e)),"string"==typeof t&&(t=y(t)),void 0===n)n=function(){return{}};else if("object"==typeof n){var r=n;n=function(){return r}}var i=new(z("m-root",t,n));return i.create(),i.mount(e),i}return t.extend=function(e,t,n){"string"==typeof t&&(t=y(t)),void 0===n&&(n=function(){return{}}),b[e]=z(e,t,n)},t.compile=y,t.config=e,t});
\ No newline at end of file
diff --git a/src/compiler/parser/tag.js b/src/compiler/parser/tag.js
index 61f67d5a..3af51b99 100644
--- a/src/compiler/parser/tag.js
+++ b/src/compiler/parser/tag.js
@@ -1,15 +1,89 @@
 import { error, pushChild } from "./util";
 
+const whitespaceRE = /\s/;
+
+const parseAttributes = (index, input, length, attributes) => {
+  while (index < length) {
+    let char = input[index];
+
+    if (char === "/" || char === ">") {
+      break;
+    } else if (whitespaceRE.test(char)) {
+      index += 1;
+      continue;
+    } else {
+      let key = "";
+      let value = "";
+      let literal = false;
+
+      while (index < length) {
+        char = input[index];
+
+        if (char === "/" || char === ">" || whitespaceRE.test(char)) {
+          value = key;
+          break;
+        } else if (char === "=") {
+          index += 1;
+          break;
+        } else {
+          key += char;
+          index += 1;
+        }
+      }
+
+      if (value.length === 0) {
+        let quote;
+        char = input[index];
+
+        if (char === "\"" || char === "'") {
+          quote = char;
+          index += 1;
+        } else if (char === "{") {
+          quote = "}";
+          literal = true;
+          index += 1;
+        } else {
+          quote = whitespaceRE;
+        }
+
+        while (index < length) {
+          char = input[index];
+
+          if (char === "/" || char === ">") {
+            break;
+          } else if ((typeof quote === "object" && quote.test(char)) || char === quote) {
+            index += 1;
+            break;
+          } else {
+            value += char;
+            index += 1;
+          }
+        }
+      }
+
+      attributes.push({
+        key: key,
+        value: value,
+        literal: literal
+      });
+    }
+  }
+
+  return index;
+};
+
 export const parseOpeningTag = (index, input, length, stack) => {
   let type = "";
+  let attributes;
 
-  for (; index < length; index++) {
+  while (index < length) {
     const char = input[index];
 
     if (char === ">") {
       const element = {
         index: stack.parseIndex++,
         type: type,
+        attributes: attributes,
         children: []
       };
 
@@ -22,13 +96,18 @@ export const parseOpeningTag = (index, input, length, stack) => {
       pushChild({
         index: stack.parseIndex++,
         type: type,
+        attributes: attributes,
         children: []
       }, stack);
 
       index += 2;
       break;
+    } else if (whitespaceRE.test(char)) {
+      attributes = [];
+      index = parseAttributes(index + 1, input, length, attributes);
     } else {
       type += char;
+      index += 1;
     }
   }