diff --git a/fidget.nimble b/fidget.nimble
index b89c5487..a3dc5cac 100644
--- a/fidget.nimble
+++ b/fidget.nimble
@@ -20,3 +20,4 @@ requires "staticglfw >= 4.1.2"
 requires "cligen >= 1.0.0"
 requires "supersnappy >= 1.0.0"
 requires "bumpy >= 1.0.0"
+requires "jsutils >= 0.1.3"
diff --git a/src/fidget.nim b/src/fidget.nim
index 71caa06c..42380be9 100644
--- a/src/fidget.nim
+++ b/src/fidget.nim
@@ -262,6 +262,14 @@ proc characters*(text: string) =
   if current.text != text:
     current.text = text
 
+when defined(js):
+  proc asHtml*(asHtml: bool) =
+    ## asHTML
+    current.asHtml = asHtml
+
+  template tooltip*(text: string) =
+    current.tooltip = text
+
 proc image*(imageName: string) =
   ## Sets image fill.
   current.imageName = imageName
diff --git a/src/fidget/common.nim b/src/fidget/common.nim
index 1a2ab120..b31cccfb 100644
--- a/src/fidget/common.nim
+++ b/src/fidget/common.nim
@@ -138,6 +138,8 @@ type
       textElement*: Element
       cache*: Node
       zIndex*: int
+      asHtml*: bool
+      tooltip*: string
     textLayoutHeight*: float32
     textLayoutWidth*: float32
     ## Can the text be selected.
diff --git a/src/fidget/htmlbackend.nim b/src/fidget/htmlbackend.nim
index 19f84e33..e77dac20 100644
--- a/src/fidget/htmlbackend.nim
+++ b/src/fidget/htmlbackend.nim
@@ -1,4 +1,4 @@
-import chroma, common, dom2 as dom, html5_canvas, input, internal, math, os,
+import chroma, common, dom2 as dom, jsutils/canvas, input, internal, math, os,
     strformat, strutils, tables, vmath, html/ajax, json
 
 const defaultStyle = """
@@ -28,7 +28,7 @@ type
 var
   rootDomNode*: Element
   canvasNode*: Element
-  ctx*: CanvasRenderingContext2D
+  ctx*: Context2d
 
   forceTextReLayout*: bool
 
@@ -119,7 +119,7 @@ type
     ideographicBaseline*: float
 
 proc measureText(
-  ctx: CanvasRenderingContext2D,
+  ctx: Context2d,
   text: cstring
 ): TextMetrics {.importcpp.}
 
@@ -247,6 +247,9 @@ proc draw*(index: int, node: Node, parent: Node) =
   if node.hasDifferent(uid):
     node.element.setAttribute("id", node.uid)
 
+  if node.hasDifferent(tooltip):
+    node.element.setAttribute("title", node.tooltip)
+
   node.zIndex =
     if parent != nil:
       parent.nodes.len - index
@@ -291,7 +294,10 @@ proc draw*(index: int, node: Node, parent: Node) =
 
     if node.hasDifferent(text):
       if keyboard.focusNode != node:
-        node.textElement.innerText = node.text
+        if node.asHTML:
+          node.textElement.innerHtml = node.text
+        else:
+          node.textElement.innerText = node.text
       else:
         # Don't mess with inner text when user is typing!
         discard