diff --git a/src/PlutoUI.jl b/src/PlutoUI.jl
index 1ef5196f..7dcf7d39 100644
--- a/src/PlutoUI.jl
+++ b/src/PlutoUI.jl
@@ -12,6 +12,7 @@ include("./Resource.jl")
include("./Terminal.jl")
include("./RangeSlider.jl")
include("./DisplayTricks.jl")
+include("./UML.jl")
@reexport module TableOfContentsNotebook
include("./TableOfContents.jl")
diff --git a/src/UML.jl b/src/UML.jl
new file mode 100644
index 00000000..9f9121fb
--- /dev/null
+++ b/src/UML.jl
@@ -0,0 +1,34 @@
+export UML
+
+"""
+Creates an UML diagram using [Mermaid.js](https://mermaid-js.github.io/mermaid/#/)
+
+Diagrams are specified using Markdown code following the syntax described [here](https://mermaid-js.github.io/mermaid/#/).
+
+Example:
+
+ UML(\"\"\"
+ graph LR
+ A --- B
+ B-->C[fa:fa-ban forbidden]
+ B-->D(fa:fa-spinner)
+ B-->E-->F---G
+ \"\"\")
+"""
+struct UML
+ code:: String
+end
+
+function show(io::IO, ::MIME"text/html", uml::UML)
+ print(io, """
+
+
+
+ $(uml.code)
+
+
+
+
+