diff --git a/docs/index.html b/docs/index.html
index c394010..1328cca 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -473,7 +473,7 @@ <h5>USAGE</h5>
       <pre><code class="language-html">
 &lt;script>
    var stepper = document.querySelector('.stepper');
-   var stepperInstace = new MStepper(stepper, {
+   var stepperInstance = new MStepper(stepper, {
       // options
       firstActive: 0 // this is the default
    })
@@ -524,7 +524,7 @@ <h6>JS initialization setting(s)</h6>
    <p>If you are using linear stepper, clicking on the next and the previous step will work just like the buttons. Since 2.1 you can adjust some options. Here they are, with their respective defaults:</p>
    <pre><code class="language-js">
 var stepper = document.querySelector('.stepper');
-var stepperInstace = new MStepper(stepper, {
+var stepperInstance = new MStepper(stepper, {
    // Default active step.
    firstActive: 0,
    // Allow navigation by clicking on the next and previous steps on linear steppers.
@@ -656,12 +656,12 @@ <h6 id="api_navigate">Navigate</h6>
                By navigating programatically and, for that, there is three methods:
                <pre><code class="language-js">
 // To proceed one step
-instace.nextStep(cb);
+instance.nextStep(cb);
 // To go back one step
-instace.prevStep(cb);
+instance.prevStep(cb);
 // To open arbitrarily a step
 // (the index is zero-based, so the first step is 0, not 1)
-instace.openStep(index, cb);
+instance.openStep(index, cb);
             </code></pre>
             </li>
          </ol>
@@ -834,7 +834,7 @@ <h6>resetStepper method</h6>
    <h6>Get Steps</h6>
    <p>You can get information about the steps by running:</p>
    <pre><code class="language-js">
-var currentSteps = instace.getSteps()
+var currentSteps = instance.getSteps()
    </code></pre>
    <p>And you'll get an object like this on var currentSteps:</p>
    <pre><code class="language-js">
diff --git a/src/html_docs/components/sections/components/api/components/getsteps.html b/src/html_docs/components/sections/components/api/components/getsteps.html
index 0a1dcb4..136ab54 100644
--- a/src/html_docs/components/sections/components/api/components/getsteps.html
+++ b/src/html_docs/components/sections/components/api/components/getsteps.html
@@ -2,7 +2,7 @@
    <h6>Get Steps</h6>
    <p>You can get information about the steps by running:</p>
    <pre><code class="language-js">
-var currentSteps = instace.getSteps()
+var currentSteps = instance.getSteps()
    </code></pre>
    <p>And you'll get an object like this on var currentSteps:</p>
    <pre><code class="language-js">
diff --git a/src/html_docs/components/sections/components/api/components/navigate.html b/src/html_docs/components/sections/components/api/components/navigate.html
index d4695ee..426a5c7 100644
--- a/src/html_docs/components/sections/components/api/components/navigate.html
+++ b/src/html_docs/components/sections/components/api/components/navigate.html
@@ -19,12 +19,12 @@ <h6 id="api_navigate">Navigate</h6>
                By navigating programatically and, for that, there is three methods:
                <pre><code class="language-js">
 // To proceed one step
-instace.nextStep(cb);
+instance.nextStep(cb);
 // To go back one step
-instace.prevStep(cb);
+instance.prevStep(cb);
 // To open arbitrarily a step
 // (the index is zero-based, so the first step is 0, not 1)
-instace.openStep(index, cb);
+instance.openStep(index, cb);
             </code></pre>
             </li>
          </ol>
diff --git a/src/html_docs/components/sections/components/options/components/initialization.html b/src/html_docs/components/sections/components/options/components/initialization.html
index 6f40831..394831a 100644
--- a/src/html_docs/components/sections/components/options/components/initialization.html
+++ b/src/html_docs/components/sections/components/options/components/initialization.html
@@ -3,7 +3,7 @@ <h6>JS initialization setting(s)</h6>
    <p>If you are using linear stepper, clicking on the next and the previous step will work just like the buttons. Since 2.1 you can adjust some options. Here they are, with their respective defaults:</p>
    <pre><code class="language-js">
 var stepper = document.querySelector('.stepper');
-var stepperInstace = new MStepper(stepper, {
+var stepperInstance = new MStepper(stepper, {
    // Default active step.
    firstActive: 0,
    // Allow navigation by clicking on the next and previous steps on linear steppers.
diff --git a/src/html_docs/components/sections/components/usage.html b/src/html_docs/components/sections/components/usage.html
index f5f30aa..3c2ad33 100644
--- a/src/html_docs/components/sections/components/usage.html
+++ b/src/html_docs/components/sections/components/usage.html
@@ -19,7 +19,7 @@ <h5>USAGE</h5>
       <pre><code class="language-html">
 &lt;script>
    var stepper = document.querySelector('.stepper');
-   var stepperInstace = new MStepper(stepper, {
+   var stepperInstance = new MStepper(stepper, {
       // options
       firstActive: 0 // this is the default
    })