diff --git a/demo/index.html b/demo/index.html
index 73398cc..d4c5270 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -134,6 +134,20 @@ <h4>Breaking Bad</h4>
     <script type="text/javascript">
       var baraja = window.baraja(document.getElementById('baraja-el'));
 
+      baraja.setFanSettings({
+          direction: "left",
+          easing: "ease-out",
+          origin: {
+            x: 40,
+            y: 400,
+          },
+          speed: 400,
+          range: 40,
+          translation: 400,
+          center: false,
+          scatter: true,
+        })
+
        // Left arrow
       document.getElementById('nav-prev')
         .addEventListener('click', function() {
diff --git a/package-lock.json b/package-lock.json
index b3cff03..87b3ce6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "baraja-js",
       "version": "1.0.3",
       "license": "MIT",
       "devDependencies": {
diff --git a/src/baraja.js b/src/baraja.js
index 407e366..22b74df 100644
--- a/src/baraja.js
+++ b/src/baraja.js
@@ -1,3 +1,4 @@
+/* eslint-disable max-statements */
 /**
  *  BarajaJS
  *  A plugin for spreading items in a card-like fashion.
@@ -402,6 +403,10 @@ function Baraja(container, options = {}) {
     });
   }
 
+  function setFanSettings(settings = {}){
+    self.fanSettings = validateDefaultFanSettings(settings);
+  }
+
   /**
    * Spread the stack based on defined settings.
    *
@@ -638,6 +643,10 @@ function Baraja(container, options = {}) {
       close();
     }
   };
+
+  this.setFanSettings = (settings)=>{
+    dispatch(setFanSettings,settings);
+  };
 }
 
 /**