diff --git a/embark-ui/src/containers/ProcessesContainer.js b/embark-ui/src/containers/ProcessesContainer.js
index abb0da9b..b9aa428b 100644
--- a/embark-ui/src/containers/ProcessesContainer.js
+++ b/embark-ui/src/containers/ProcessesContainer.js
@@ -1,6 +1,7 @@
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
 import {fetchProcesses} from '../actions';
+import {Tabs, Tab} from 'tabler-react';
 import PropTypes from 'prop-types';
 
 class ProcessesContainer extends Component {
@@ -26,8 +27,13 @@ class ProcessesContainer extends Component {
       );
     }
 
+    const processNames = Object.keys(processes.data);
     return (
-      <p>Loaded</p>
+      <Tabs initialTab={processNames[0]}>
+        {processNames.map(processName => {
+          return (<Tab key={processName} title={processName}>State: {processes.data[processName].state}</Tab>);
+        })}
+      </Tabs>
     );
   }
 }
diff --git a/lib/core/processes/processManager.js b/lib/core/processes/processManager.js
index 5e558131..7cfee639 100644
--- a/lib/core/processes/processManager.js
+++ b/lib/core/processes/processManager.js
@@ -20,7 +20,7 @@ class ProcessManager {
         let parsedProcesses = {};
         Object.keys(self.processes).forEach(processName => {
           parsedProcesses[processName] = {
-            state: self.processes[processName]
+            state: self.processes[processName].state
           };
         });
         res.send(parsedProcesses);