diff --git a/lib/templates/cxs.js b/lib/templates/cxs.js
index df7f2a7..3bf7c9b 100644
--- a/lib/templates/cxs.js
+++ b/lib/templates/cxs.js
@@ -25,4 +25,6 @@ const ${name} = styled(${type})(props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`
diff --git a/lib/templates/emotion.js b/lib/templates/emotion.js
index 6ebda02..66ce601 100644
--- a/lib/templates/emotion.js
+++ b/lib/templates/emotion.js
@@ -26,4 +26,6 @@ const ${name} = withTheme(styled(${type})(props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`
diff --git a/lib/templates/fela.js b/lib/templates/fela.js
index 1a49da6..3330e48 100644
--- a/lib/templates/fela.js
+++ b/lib/templates/fela.js
@@ -26,4 +26,6 @@ const ${name} = createComponent(props => Object.assign(${styleString},
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`
diff --git a/lib/templates/glamorous.js b/lib/templates/glamorous.js
index ae31d2b..564fb9e 100644
--- a/lib/templates/glamorous.js
+++ b/lib/templates/glamorous.js
@@ -25,4 +25,6 @@ const ${name} = styled(${type})(props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`
diff --git a/lib/templates/styledComponents.js b/lib/templates/styledComponents.js
index 8d92deb..569fba8 100644
--- a/lib/templates/styledComponents.js
+++ b/lib/templates/styledComponents.js
@@ -25,4 +25,6 @@ const ${name} = styled(${type})([], props => (${styleString}),
 
 ${name}.defaultProps = ${propsString}
 
+${name}.displayName = '${name}'
+
 export default ${name}`
diff --git a/package.json b/package.json
index b9be78f..756cb3a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@compositor/lab",
-  "version": "1.0.0-37",
+  "version": "1.0.0-38-0",
   "description": "CLI utilities for Compositor Lab",
   "main": "lib/index.js",
   "bin": {
diff --git a/test/snapshots/modules.js.md b/test/snapshots/modules.js.md
index 6b016f6..26284bf 100644
--- a/test/snapshots/modules.js.md
+++ b/test/snapshots/modules.js.md
@@ -105,6 +105,8 @@ Generated by [AVA](https://ava.li).
       ␊
       Box.defaultProps = {};␊
       ␊
+      Box.displayName = 'Box';␊
+      ␊
       exports.default = Box;`,
       name: 'Box',
     }
@@ -210,6 +212,8 @@ Generated by [AVA](https://ava.li).
       ␊
       Box.defaultProps = {};␊
       ␊
+      Box.displayName = 'Box';␊
+      ␊
       exports.default = Box;`,
       name: 'Box',
     }
@@ -239,6 +243,8 @@ Generated by [AVA](https://ava.li).
         m: 0␊
       };␊
       ␊
+      Text.displayName = 'Text';␊
+      ␊
       exports.default = Text;`,
       name: 'Text',
     }
@@ -308,6 +314,8 @@ Generated by [AVA](https://ava.li).
         bg: 'tomato'␊
       };␊
       ␊
+      Beep.displayName = 'Beep';␊
+      ␊
       exports.default = Beep;`,
       name: 'Beep',
     }
@@ -341,6 +349,8 @@ Generated by [AVA](https://ava.li).
       ␊
       Flex.defaultProps = {};␊
       ␊
+      Flex.displayName = 'Flex';␊
+      ␊
       exports.default = Flex;`,
       name: 'Flex',
     }
diff --git a/test/snapshots/modules.js.snap b/test/snapshots/modules.js.snap
index 3fdb07d..1561a61 100644
Binary files a/test/snapshots/modules.js.snap and b/test/snapshots/modules.js.snap differ
diff --git a/test/snapshots/templates.js.md b/test/snapshots/templates.js.md
index d561e87..54791e5 100644
--- a/test/snapshots/templates.js.md
+++ b/test/snapshots/templates.js.md
@@ -69,6 +69,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## cxs returns a string
@@ -100,6 +102,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## emotion imports required components
@@ -127,6 +131,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## emotion returns a string
@@ -159,6 +165,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## fela handles styled-system functions
@@ -185,6 +193,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Hello.defaultProps = {}␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## fela imports required components
@@ -211,6 +221,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## fela returns a string
@@ -242,6 +254,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## glamorous imports required components
@@ -268,6 +282,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## glamorous returns a string
@@ -299,6 +315,8 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
 
 ## styled-components imports required components
@@ -325,6 +343,8 @@ Generated by [AVA](https://ava.li).
     ␊
     Box.defaultProps = {}␊
     ␊
+    Box.displayName = 'Box'␊
+    ␊
     export default Box`
 
 ## styled-components returns a string
@@ -356,4 +376,6 @@ Generated by [AVA](https://ava.li).
       p: 2␊
     }␊
     ␊
+    Hello.displayName = 'Hello'␊
+    ␊
     export default Hello`
diff --git a/test/snapshots/templates.js.snap b/test/snapshots/templates.js.snap
index 46d83e7..9a4f216 100644
Binary files a/test/snapshots/templates.js.snap and b/test/snapshots/templates.js.snap differ