diff --git a/examples/jspsych-slider-response.html~HEAD b/examples/jspsych-slider-response.html~HEAD
new file mode 100644
index 00000000..9f3bda25
--- /dev/null
+++ b/examples/jspsych-slider-response.html~HEAD
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <script src="../jspsych.js"></script>
+  <script src="../plugins/jspsych-slider-response.js"></script>
+  <link rel="stylesheet" href="../css/jspsych.css"></link>
+  <style>
+    img {
+      width: 200px;
+      height: 150px;
+      margin: 10px;
+    }
+  </style>
+</head>
+<body></body>
+<script>
+  var block_1 = {
+    type: 'slider-response',
+    stimulus: '<p>How similar are these pictures?</p><img src="img/happy_face_1.jpg"></img><img src="img/sad_face_1.jpg"></img>',
+    labels: ["Not at all similar", "Sort of", "Identical"],
+    min: 0,
+    max: 2,
+    step: 1
+  }
+
+  jsPsych.init({
+    timeline: [block_1],
+    on_finish: function() {
+      jsPsych.data.displayData();
+    }
+  });
+</script>
+
+</html>
