diff --git a/performance/implementations/css-modules/View/styles.css b/performance/implementations/css-modules/View/styles.css
index 74608166..37539f23 100644
--- a/performance/implementations/css-modules/View/styles.css
+++ b/performance/implementations/css-modules/View/styles.css
@@ -18,4 +18,4 @@
   list-style: none;
   min-height: 0;
   min-width: 0;
-};
+}
diff --git a/performance/implementations/platform/Box/index.js b/performance/implementations/platform/Box/index.js
new file mode 100644
index 00000000..7d5b9d1a
--- /dev/null
+++ b/performance/implementations/platform/Box/index.js
@@ -0,0 +1,17 @@
+/* eslint-disable react/prop-types */
+import classnames from 'classnames';
+import React from 'react';
+import View from '../View';
+
+const Box = ({ color, fixed = false, layout = 'column', outer = false, ...other }) => (
+  <View
+    {...other}
+    className={classnames(`color${color}`, {
+      fixed: fixed,
+      outer: outer,
+      row: layout === 'row'
+    })}
+  />
+);
+
+module.exports = Box;
diff --git a/performance/implementations/platform/View/index.js b/performance/implementations/platform/View/index.js
new file mode 100644
index 00000000..cb70dbe0
--- /dev/null
+++ b/performance/implementations/platform/View/index.js
@@ -0,0 +1,7 @@
+/* eslint-disable react/prop-types */
+import classnames from 'classnames';
+import React from 'react';
+
+const View = props => <div {...props} className={classnames('view', props.className)} />;
+
+module.exports = View;
diff --git a/performance/implementations/platform/index.js b/performance/implementations/platform/index.js
new file mode 100644
index 00000000..0ca161ab
--- /dev/null
+++ b/performance/implementations/platform/index.js
@@ -0,0 +1,7 @@
+import Box from './Box';
+import View from './View';
+
+export default {
+  Box,
+  View
+};
diff --git a/performance/index.html b/performance/index.html
index 28bfda18..4c4fe660 100644
--- a/performance/index.html
+++ b/performance/index.html
@@ -3,6 +3,39 @@
 <head>
   <meta charset="UTF-8">
   <title>Title</title>
+  <!-- "platform" implementation -->
+  <style>
+    .view {
+      align-items: stretch;
+      border-width: 0;
+      border-style: solid;
+      box-sizing: border-box;
+      display: flex;
+      flex-basis: auto;
+      flex-direction: column;
+      flex-shrink: 0;
+      margin: 0;
+      padding: 0;
+      position: relative;
+      background-color: transparent;
+      color: inherit;
+      font: inherit;
+      text-align: inherit;
+      text-decoration: none;
+      list-style: none;
+      min-height: 0;
+      min-width: 0;
+    }
+    .outer { padding: 4px; }
+    .row { flex-direction: row; }
+    .color0 { background-color: #222; }
+    .color1 { background-color: #666; }
+    .color2 { background-color: #999; }
+    .color3 { background-color: blue; }
+    .color4 { background-color: orange; }
+    .color5 { background-color: red; }
+    .fixed { width: 20px; height: 20px; }
+</style>
 </head>
 <body>
   <div class="root"></div>
diff --git a/performance/index.js b/performance/index.js
index 9b213c60..5eb7f99f 100644
--- a/performance/index.js
+++ b/performance/index.js
@@ -1,5 +1,6 @@
 import cssModules from './implementations/css-modules';
 import glamor from './implementations/glamor';
+import platform from './implementations/platform';
 import reactNative from './implementations/react-native-web';
 import styledComponents from './implementations/styled-components';
 
@@ -8,11 +9,13 @@ import renderWideTree from './tests/renderWideTree';
 
 const tests = [
   // deep tree
+  () => renderDeepTree('platform', platform),
   () => renderDeepTree('css-modules', cssModules),
   () => renderDeepTree('react-native-web', reactNative),
   () => renderDeepTree('styled-components', styledComponents),
   () => renderDeepTree('glamor', glamor),
   // wide tree
+  () => renderWideTree('platform', platform),
   () => renderWideTree('css-modules', cssModules),
   () => renderWideTree('react-native-web', reactNative),
   () => renderWideTree('styled-components', styledComponents),
