diff --git a/addons/centered/rax.js b/addons/centered/rax.js
new file mode 100644
index 00000000000..232893d57a2
--- /dev/null
+++ b/addons/centered/rax.js
@@ -0,0 +1 @@
+module.exports = require('./dist/rax');
diff --git a/addons/centered/src/rax.js b/addons/centered/src/rax.js
new file mode 100644
index 00000000000..cff9fa35876
--- /dev/null
+++ b/addons/centered/src/rax.js
@@ -0,0 +1,18 @@
+/** @jsx createElement */
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { createElement } from 'rax';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import View from 'rax-view';
+import styles from './styles';
+
+export default function(storyFn) {
+  return (
+    <View style={styles.style}>
+      <View style={styles.innerStyle}>{storyFn()}</View>
+    </View>
+  );
+}
+
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline();
+}