diff --git a/src/generators/visibility.js b/src/generators/visibility.js
new file mode 100644
index 000000000..82fe72765
--- /dev/null
+++ b/src/generators/visibility.js
@@ -0,0 +1,8 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'visible': { 'visibility': 'visible' },
+    'invisible': { 'visibility': 'hidden' },
+  })
+}
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index 50310fea0..9f5f92237 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -29,6 +29,7 @@ import textWeights from '../generators/textWeights'
 import textWrap from '../generators/textWrap'
 import userSelect from '../generators/userSelect'
 import verticalAlign from '../generators/verticalAlign'
+import visibility from '../generators/visibility'
 import zIndex from '../generators/zIndex'
 
 export default function(options) {
@@ -61,6 +62,7 @@ export default function(options) {
           constrain(options),
           shadows(options),
           flex(options),
+          visibility(options),
           zIndex(options),
           opacity(options),
           userSelect(options),