diff --git a/package.json b/package.json
index 49f1a58..5946f1c 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "lib",
     "umd",
     "aphrodite.js",
+    "box.js",
     "jsxstyle.js",
     "babel.js",
     "babel-hoist.js",
diff --git a/src/box.js b/src/box.js
new file mode 100644
index 0000000..0449a40
--- /dev/null
+++ b/src/box.js
@@ -0,0 +1,9 @@
+import { css } from './index';
+import React from 'react';
+
+const Box = ({ css: cssProp, component, innerRef, ...props }) => {
+  const Component = component || 'div';
+  return <Component ref={innerRef} {...css(cssProp)} {...props} />;
+};
+
+export default Box;