diff --git a/examples/sample-arcs.html b/examples/sample-arcs.html
new file mode 100644
index 0000000..625f861
--- /dev/null
+++ b/examples/sample-arcs.html
@@ -0,0 +1,23 @@
+<html>
+
+<head>
+  <title>RoughJS arcs example</title>
+  <script src="../dist/rough.min.js"></script>
+</head>
+
+<body>
+  <canvas id="canvas"></canvas>
+
+  <script>
+    (() => {
+      const rough = new RoughCanvas(document.getElementById('canvas'), 800, 800);
+      var arc1 = rough.arc(200, 100, 200, 180, -Math.PI + (Math.PI / 3), -Math.PI / 2, true);
+      arc1.fill = "red";
+      rough.arc(200, 100, 200, 180, -Math.PI, -0.75 * Math.PI, true);
+      var openArc = rough.arc(200, 100, 150, 130, -0.2 * Math.PI, 0.6 * Math.PI, false);
+      openArc.strokeWidth = 10;
+    })();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/examples/sample-fill.html b/examples/sample-fill.html
new file mode 100644
index 0000000..7bacfbe
--- /dev/null
+++ b/examples/sample-fill.html
@@ -0,0 +1,34 @@
+<html>
+
+<head>
+  <title>RoughJS fill example</title>
+  <script src="../dist/rough.min.js"></script>
+</head>
+
+<body>
+  <canvas id="canvas"></canvas>
+
+  <script>
+    (() => {
+      const rough = new RoughCanvas(document.getElementById('canvas'), 800, 800);
+
+      rough.fill = "red";
+      rough.circle(50, 50, 40);
+      rough.rectangle(120, 15, 80, 80);
+
+      var c2 = rough.circle(50, 150, 40);
+      c2.fill = "rgb(10,150,10)";
+      c2.fillWeight = 3;
+
+      var r2 = rough.rectangle(120, 105, 80, 80);
+      r2.fillStyle = "solid";
+      r2.fill = "rgba(255,0,200,0.2)";
+
+      var r3 = rough.rectangle(220, 15, 80, 80);
+      r3.hachureAngle = 60;
+      r3.hachureGap = 8;
+    })();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/examples/sample-sketch-style.html b/examples/sample-sketch-style.html
new file mode 100644
index 0000000..d44230b
--- /dev/null
+++ b/examples/sample-sketch-style.html
@@ -0,0 +1,28 @@
+<html>
+
+<head>
+  <title>RoughJS sketch-style example</title>
+  <script src="../dist/rough.min.js"></script>
+</head>
+
+<body>
+  <canvas id="canvas"></canvas>
+
+  <script>
+    (() => {
+      const rough = new RoughCanvas(document.getElementById('canvas'), 800, 800);
+      var r1 = rough.rectangle(15, 15, 80, 80);
+      r1.roughness = 0.5;
+      r1.fill = "red";
+      var r2 = rough.rectangle(120, 15, 80, 80);
+      r2.roughness = 2.8;
+      r2.fill = "blue";
+      var r3 = rough.rectangle(220, 15, 80, 80);
+      r3.bowing = 15;
+      r3.stroke = "green"
+      r3.strokeWidth = 3;
+    })();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/examples/sample-svg-path.html b/examples/sample-svg-path.html
new file mode 100644
index 0000000..bfa21fc
--- /dev/null
+++ b/examples/sample-svg-path.html
@@ -0,0 +1,21 @@
+<html>
+
+<head>
+  <title>RoughJS savg path example</title>
+  <script src="../dist/rough.min.js"></script>
+</head>
+
+<body>
+  <canvas id="canvas"></canvas>
+
+  <script>
+    (() => {
+      const rough = new RoughCanvas(document.getElementById('canvas'), 800, 800);
+      var path = rough.path("M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9 C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z");
+      path.fill = "#424242";
+      path.hachureAngle = 80;
+    })();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/examples/sample.html b/examples/sample.html
new file mode 100644
index 0000000..b609c55
--- /dev/null
+++ b/examples/sample.html
@@ -0,0 +1,22 @@
+<html>
+
+<head>
+  <title>RoughJS sample</title>
+  <script src="../dist/rough.min.js"></script>
+</head>
+
+<body>
+  <canvas id="canvas"></canvas>
+
+  <script>
+    (() => {
+      const rough = new RoughCanvas(document.getElementById('canvas'), 800, 800);
+      rough.rectangle(5, 5, 90, 90);
+      rough.circle(80, 170, 50);
+      rough.ellipse(300, 100, 150, 80);
+      rough.line(80, 170, 300, 100);
+    })();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
