diff --git a/packages/vx-geo/src/graticule/Graticule.js b/packages/vx-geo/src/graticule/Graticule.js
new file mode 100644
index 000000000..cb14c3e5b
--- /dev/null
+++ b/packages/vx-geo/src/graticule/Graticule.js
@@ -0,0 +1,68 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Group } from '@vx/group';
+import additionalProps from '../util/additionalProps';
+import { geoGraticule } from 'd3-geo';
+
+export default function Graticule({
+  graticule,
+  lines,
+  outline,
+  extent,
+  extentMajor,
+  extentMinor,
+  step,
+  stepMajor,
+  stepMinor,
+  precision,
+  ...restProps
+}) {
+  const currGraticule = geoGraticule();
+
+  if (extent) currGraticule.extent(extent);
+  if (extentMajor) currGraticule.extentMajor(extentMajor);
+  if (extentMinor) currGraticule.extentMinor(extentMinor);
+  if (step) currGraticule.step(step);
+  if (stepMajor) currGraticule.stepMajor(stepMajor);
+  if (stepMinor) currGraticule.stepMinor(stepMinor);
+  if (precision) currGraticule.stepMinor(precision);
+
+  return (
+    <Group className={`vx-geo-graticule`}>
+      {graticule &&
+        <path
+          d={graticule(currGraticule())}
+          fill="none"
+          stroke="black"
+          {...restProps}
+        />}
+      {lines &&
+        currGraticule.lines().map((line, i) =>
+          <g key={i}>
+            <path
+              d={lines(line)}
+              fill="none"
+              stroke="black"
+              {...additionalProps(restProps, {
+                ...line,
+                index: i
+              })}
+            />
+          </g>
+        )}
+      {outline &&
+        <path
+          d={outline(currGraticule.outline())}
+          fill="none"
+          stroke="black"
+          {...restProps}
+        />}
+    </Group>
+  );
+}
+
+Graticule.propTypes = {
+  graticule: PropTypes.func,
+  lines: PropTypes.func,
+  outline: PropTypes.func
+};
diff --git a/packages/vx-geo/src/projections/Graticule.js b/packages/vx-geo/src/projections/Graticule.js
deleted file mode 100644
index e838a8d01..000000000
--- a/packages/vx-geo/src/projections/Graticule.js
+++ /dev/null
@@ -1 +0,0 @@
-// TODO: Add graticule component.
diff --git a/packages/vx-geo/src/projections/Projection.js b/packages/vx-geo/src/projections/Projection.js
index 7c959e56c..626a72442 100644
--- a/packages/vx-geo/src/projections/Projection.js
+++ b/packages/vx-geo/src/projections/Projection.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { Group } from '@vx/group';
 import additionalProps from '../util/additionalProps';
+import Graticule from '../graticule/Graticule';
 import { geoOrthographic, geoAlbers, geoMercator, geoPath } from 'd3-geo';
 
 // TODO: Implement all projections of d3-geo
@@ -29,6 +30,9 @@ export default function Projection({
   fitExtent,
   fitSize,
   centroid,
+  graticule,
+  graticuleLines,
+  graticuleOutline,
   className,
   ...restProps
 }) {
@@ -47,14 +51,24 @@ export default function Projection({
   const path = geoPath().projection(currProjection);
 
   return (
-    <Group className={`vx-${projection}-group`}>
+    <Group className={`vx-geo`}>
+      {graticule &&
+        !graticule.foreGround &&
+        <Graticule graticule={g => path(g)} {...graticule} />}
+      {graticuleLines &&
+        !graticuleLines.foreGround &&
+        <Graticule lines={g => path(g)} {...graticuleLines} />}
+      {graticuleOutline &&
+        !graticuleOutline.foreGround &&
+        <Graticule outline={g => path(g)} {...graticuleOutline} />}
+
       {data.map((feature, i) => {
         let c;
         if (centroid) c = path.centroid(feature);
         return (
           <g key={`${projection}-${i}`}>
             <path
-              className={classnames(`vx-${projection}`, className)}
+              className={`vx-geo-${projection}`}
               d={path(feature)}
               {...additionalProps(restProps, {
                 ...feature,
@@ -68,6 +82,16 @@ export default function Projection({
       })}
       {/* TODO: Maybe find a different way to pass projection function to use for example invert */}
       {projectionFunc && projectionFunc(currProjection)}
+
+      {graticule &&
+        graticule.foreGround &&
+        <Graticule graticule={g => path(g)} {...graticule} />}
+      {graticuleLines &&
+        graticuleLines.foreGround &&
+        <Graticule lines={g => path(g)} {...graticuleLines} />}
+      {graticuleOutline &&
+        graticuleOutline.foreGround &&
+        <Graticule outline={g => path(g)} {...graticuleOutline} />}
     </Group>
   );
 }