diff --git a/intro-to-crafty/src/components.js b/intro-to-crafty/src/components.js
new file mode 100644
index 0000000..5dd844d
--- /dev/null
+++ b/intro-to-crafty/src/components.js
@@ -0,0 +1,37 @@
+Crafty.c('Grid', {
+  init: function() {
+    this.attr({
+      w: Game.map_grid.tile.width,
+      h: Game.map_grid.tile.height
+    })
+  },
+
+  at: function(x, y) {
+    if (x === undefined && y === undefined) {
+      return {
+        x: this.x / Game.map_grid.tile.width,
+        y: this.y / Game.map_grid.tile.height
+      }
+    } else {
+      this.attr({
+        x: x * Game.map_grid.tile.width,
+        y: y * Game.map_grid.tile.height
+      });
+      return this;
+    }
+  }
+});
+
+Crafty.c('Tree', {
+  init: function() {
+    this.requires('2D, Canvas, Grid, Color');
+    this.color('rgb(20, 125, 40)');
+  }
+});
+
+Crafty.c('Bush', {
+  init: function() {
+    this.requires('2D, Canvas, Grid, Color');
+    this.color('rgb(20, 185, 40)');
+  }
+});