diff --git a/embark-ui/src/components/Block.js b/embark-ui/src/components/Block.js
index a64896c80..2c69a3520 100644
--- a/embark-ui/src/components/Block.js
+++ b/embark-ui/src/components/Block.js
@@ -4,10 +4,10 @@ import {
 } from "tabler-react";
 import PropTypes from 'prop-types';
 
-
 const Block = ({block}) => (
   <Page.Content title={`Block ${block.number}`}>
-    <p>Hello</p>
+    <p>Timestamp: {block.timestamp}</p>
+    <p>Gas used: {block.gasUsed}</p>
   </Page.Content>
 );
 
diff --git a/embark-ui/src/components/Transaction.js b/embark-ui/src/components/Transaction.js
index 5f7288a9c..ffa7e1803 100644
--- a/embark-ui/src/components/Transaction.js
+++ b/embark-ui/src/components/Transaction.js
@@ -1,13 +1,19 @@
 import React from 'react';
+import {Link} from 'react-router-dom';
 import {
   Page
 } from "tabler-react";
 import PropTypes from 'prop-types';
 
-
 const Transaction = ({transaction}) => (
   <Page.Content title={`Transaction ${transaction.hash}`}>
-    <p>Hello</p>
+    <p>Block: <Link to={`/embark/explorer/blocks/${transaction.blockNumber}`}>{transaction.blockNumber}</Link></p>
+    <p>From: {transaction.from}</p>
+    <p>To: {transaction.to}</p>
+    <p>Input: {transaction.input}</p>
+    <p>Gas: {transaction.gas}</p>
+    <p>Gas Price: {transaction.gasPrice}</p>
+    <p>Nonce: {transaction.nonce}</p>
   </Page.Content>
 );