diff --git a/examples/example-vdom/index.html b/examples/example-vdom/index.html
new file mode 100644
index 000000000..c81e1e0dd
--- /dev/null
+++ b/examples/example-vdom/index.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/examples/example-vdom/package.json b/examples/example-vdom/package.json
new file mode 100644
index 000000000..6ac853b4e
--- /dev/null
+++ b/examples/example-vdom/package.json
@@ -0,0 +1,18 @@
+{
+ "name": "@phosphor/example-vdom",
+ "version": "0.0.1",
+ "private": true,
+ "scripts": {
+ "build": "tsc && webpack",
+ "clean": "rimraf build"
+ },
+ "dependencies": {
+ "@phosphor/vdom": "^0.0.1",
+ "@phosphor/widgets": "^1.9.3"
+ },
+ "devDependencies": {
+ "rimraf": "^2.5.2",
+ "typescript": "~3.6.0",
+ "webpack": "^2.2.1"
+ }
+}
diff --git a/examples/example-vdom/src/index.tsx b/examples/example-vdom/src/index.tsx
new file mode 100644
index 000000000..8be141038
--- /dev/null
+++ b/examples/example-vdom/src/index.tsx
@@ -0,0 +1,91 @@
+/*------------------------------------------------------------------------------
+| Copyright (c) 2014-2019, PhosphorJS Contributors
+|
+| Distributed under the terms of the BSD 3-Clause License.
+|
+| The full license is in the file LICENSE, distributed with this software.
+|-----------------------------------------------------------------------------*/
+import {
+ VDOM
+} from '@phosphor/vdom';
+
+import {
+ Widget
+} from '@phosphor/widgets';
+
+
+type TickData = {
+ readonly title: string;
+ readonly count: number;
+}
+
+
+const TickRow = (props: TickData) => {
+ return (
+
+ | {props.title} |
+ {props.count} |
+
+ );
+};
+
+
+class TimeWidget extends Widget {
+
+ constructor() {
+ super();
+ this.addClass('TimeWidget');
+ }
+
+ protected onBeforeAttach(): void {
+ setInterval(() => this._tick(), 30);
+ }
+
+ protected onUpdateRequest(): void {
+ VDOM.render(this.render(), this.node);
+ }
+
+ protected render() {
+ let time = this._time;
+ let now = this._now;
+ return (
+
+
This page is updated every 30ms
+
+ UTC Time:
+ {time.toUTCString()}
+
+
+ Local Time:
+ {time.toString()}
+
+
+ Milliseconds Since Epoch:
+ {now.toString()}
+
+
+