diff --git a/hacking/sideMenuAngular.html b/hacking/sideMenuAngular.html
new file mode 100644
index 0000000000..8583694225
--- /dev/null
+++ b/hacking/sideMenuAngular.html
@@ -0,0 +1,88 @@
+<html ng-app="sideMenuTest">
+  <head>
+    <meta charset="utf-8">
+    <title>Nav Bars</title>
+
+    <!-- Sets initial viewport load and disables zooming  -->
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
+    <link rel="stylesheet" href="../dist/ionic.css">
+    <script src="/vendor/angular/1.2.0rc2/angular.js"></script>
+    <script src="/vendor/angular/1.2.0rc2/angular-touch.js"></script>
+    <script src="/vendor/angular/1.2.0rc2/angular-animate.js"></script>
+
+  </head>
+  <body>
+
+    <side-menu-controller>
+      <content has-header="true">
+        <header class="bar bar-header bar-dark">
+          <a href="#" class="button"><i class="icon-reorder"></i></a>
+          <h1 class="title">Slide me</h1>
+        </header>
+      </content>
+      <menu side="left">
+        <h2>Left</h2>
+      </menu>
+      <menu side="right">
+        <h2>Right</h2>
+      </menu>
+    </side-menu-controller>
+    <script src="SideMenuController.js"></script>
+    <script src="SideMenuAngular.js"></script>
+    <script>
+      angular.module('sideMenuTest', ['ionic.ui'])
+
+      /*
+      var Controller = function(opts) {
+        var _this = this;
+
+        this.el = opts.el;
+        this.animateClass = opts.animateClass;
+
+        // Bind release and drag listeners
+        window.ionic.onGesture('drag', function(e) {
+          _this.onDrag && _this.onDrag(e);
+        }, this.el);
+
+        window.ionic.onGesture('release', function(e) {
+          _this.endDrag && _this._endDrag(e);
+        }, this.el);
+      };
+      Controller.prototype = {
+        onDrag: function(e) {},
+        endDrag: function(e) {},
+        getTranslateX: function() {
+          var r = /translate3d\((-?.+)px/;
+          var d = r.exec(this.el.style.webkitTransform);
+
+          if(d && d.length > 0) {
+            return parseFloat(d[1]);
+          }
+          return 0;
+        },
+        setTranslateX: function(amount) {
+          this.el.style.webkitTransform = 'translate3d(' + amount + 'px, 0, 0)';
+        },
+        enableAnimation: function() {
+          this.el.classList.add(this.animateClass);
+        },
+        disableAnimation: function() {
+          this.el.classList.remove(this.animateClass);
+        }
+      };
+
+      var l = new SideMenu({ el: document.getElementById('my-left-panel'), width: 270 });
+      var r = new SideMenu({ el: document.getElementById('my-right-panel'), width: 270 });
+      var c = new Controller({ el: document.createElement('content') });
+
+      var ctrl = new SideMenuController({
+        left: l,
+        right: r,
+        content: c
+      });
+      */
+    </script>
+  </body>
+</html>
+
diff --git a/hacking/sideMenuAngular.js b/hacking/sideMenuAngular.js
new file mode 100644
index 0000000000..d06029252b
--- /dev/null
+++ b/hacking/sideMenuAngular.js
@@ -0,0 +1,45 @@
+angular.module('ionic.ui', ['ngTouch'])
+
+.directive('content', function() {
+  return {
+    restrict: 'E',
+    replace: true,
+    transclude: true,
+    scope: true,
+    template: '<div class="full-section menu-animated" ng-class="{\'has-header\': hasHeader, \'has-tabs\': hasTabs}" ng-transclude></div>',
+    compile: function(element, attr, transclude, navCtrl) {
+      return function($scope, $element, $attr) {
+        $scope.hasHeader = attr.hasHeader;
+      };
+    }
+  }
+})
+
+.controller('SideMenuCtrl', function($scope) {
+})
+
+.directive('sideMenuController', function() {
+  return {
+    restrict: 'E',
+    controller: 'SideMenuCtrl',
+    replace: true,
+    transclude: true,
+    template: '<div class="view"><div ng-transclude></div></div>',
+  }
+})
+
+.directive('menu', function() {
+  return {
+    restrict: 'E',
+    require: '^sideMenuController',
+    replace: true,
+    transclude: true,
+    scope: true,
+    template: '<div class="menu menu-{{side}}" ng-transclude></div>',
+    compile: function(element, attr, transclude, navCtrl) {
+      return function($scope, $element, $attr) {
+        $scope.side = attr.side;
+      };
+    }
+  }
+})
