diff --git a/examples/hello-world.md b/examples/hello-world.md
index c35bf6a9c..90fbf80b9 100644
--- a/examples/hello-world.md
+++ b/examples/hello-world.md
@@ -6,18 +6,8 @@ order: 1
 ---
 
 ```javascript
-new helloworld, stdout(`rho:io:stdout`) in {
-  contract helloworld( world ) = {
-    for( @msg <- world )
-    { stdout!(msg) }
-  }
-
-  | new world, world2 in {
-      helloworld!(*world)
-    | world!("Hello World")
-    | helloworld!(*world2)
-    | world2!("Hello World again")
-    }
-  }
+new world in {
+  world!("Hello!")
+}
 
 ```
diff --git a/package.json b/package.json
index d74fd1850..3d3246c0a 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "gh-pages": "^2.2.0",
     "gridsome": "^0.7.18",
     "marked": "^0.6.1",
+    "rchain-api": "../RChain-API/",
     "typography": "^0.16.18",
     "vue-atlas": "^2.1.8",
     "vue-instantsearch": "^2.0.0",
diff --git a/src/components/Examples.vue b/src/components/Examples.vue
index 038cb5060..41020f773 100644
--- a/src/components/Examples.vue
+++ b/src/components/Examples.vue
@@ -27,7 +27,7 @@
 					v-for="({ node }, index) in $static.examples.edges" 
 					v-if="index == current" 
 					:key="index">
-					<div v-html="node.content" />
+                                  <ExampleTry v-bind:pretty="node.content" />
 				</div>
 			</transition>
 		</div>
@@ -35,7 +35,12 @@
 </template>
 
 <script>
+import ExampleTry from './ExampleTry';
+
 export default {
+       components: {
+                   ExampleTry
+                   },
 	data() {
 		return {
 			current: 0