diff --git a/.gitignore b/.gitignore
index fb9c4cf..825ef75 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,6 +9,7 @@ npm-debug.log*
 pids
 *.pid
 *.seed
+*.DS_Store
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
diff --git a/demo/public/img/cats/Funny-Cat-Jokes2.jpg b/demo/public/img/cats/Funny-Cat-Jokes2.jpg
new file mode 100644
index 0000000..567d6fc
Binary files /dev/null and b/demo/public/img/cats/Funny-Cat-Jokes2.jpg differ
diff --git a/demo/public/img/cats/Funny-Cats-Funny-Cat-Picture-052-FunnyPica.com_.jpg b/demo/public/img/cats/Funny-Cats-Funny-Cat-Picture-052-FunnyPica.com_.jpg
new file mode 100644
index 0000000..530c5b4
Binary files /dev/null and b/demo/public/img/cats/Funny-Cats-Funny-Cat-Picture-052-FunnyPica.com_.jpg differ
diff --git a/demo/public/img/cats/a789284ca15a4f2d9208975e81705cdd.jpg b/demo/public/img/cats/a789284ca15a4f2d9208975e81705cdd.jpg
new file mode 100644
index 0000000..430b8e6
Binary files /dev/null and b/demo/public/img/cats/a789284ca15a4f2d9208975e81705cdd.jpg differ
diff --git a/demo/public/img/cats/cat-face.jpg b/demo/public/img/cats/cat-face.jpg
new file mode 100644
index 0000000..b4d13e8
Binary files /dev/null and b/demo/public/img/cats/cat-face.jpg differ
diff --git a/demo/public/img/cats/cat-tongue-out-51.jpg b/demo/public/img/cats/cat-tongue-out-51.jpg
new file mode 100644
index 0000000..f41afc6
Binary files /dev/null and b/demo/public/img/cats/cat-tongue-out-51.jpg differ
diff --git a/demo/public/img/cats/funny-cat-faces06.jpg b/demo/public/img/cats/funny-cat-faces06.jpg
new file mode 100644
index 0000000..f314a17
Binary files /dev/null and b/demo/public/img/cats/funny-cat-faces06.jpg differ
diff --git a/demo/public/img/cats/funny-cat4.jpg b/demo/public/img/cats/funny-cat4.jpg
new file mode 100644
index 0000000..98b4714
Binary files /dev/null and b/demo/public/img/cats/funny-cat4.jpg differ
diff --git a/demo/public/img/cats/galleryimage1511267693-dec-13-2011-600x515.jpg b/demo/public/img/cats/galleryimage1511267693-dec-13-2011-600x515.jpg
new file mode 100644
index 0000000..be4b91a
Binary files /dev/null and b/demo/public/img/cats/galleryimage1511267693-dec-13-2011-600x515.jpg differ
diff --git a/demo/public/img/cats/grumpy-cat.jpg b/demo/public/img/cats/grumpy-cat.jpg
new file mode 100644
index 0000000..437814c
Binary files /dev/null and b/demo/public/img/cats/grumpy-cat.jpg differ
diff --git a/demo/public/img/cats/images-1.jpg b/demo/public/img/cats/images-1.jpg
new file mode 100644
index 0000000..d97feef
Binary files /dev/null and b/demo/public/img/cats/images-1.jpg differ
diff --git a/demo/public/img/cats/images-2.jpg b/demo/public/img/cats/images-2.jpg
new file mode 100644
index 0000000..2121e67
Binary files /dev/null and b/demo/public/img/cats/images-2.jpg differ
diff --git a/demo/public/img/cats/images-3.jpg b/demo/public/img/cats/images-3.jpg
new file mode 100644
index 0000000..1c07564
Binary files /dev/null and b/demo/public/img/cats/images-3.jpg differ
diff --git a/demo/public/img/cats/images.jpg b/demo/public/img/cats/images.jpg
new file mode 100644
index 0000000..047c6b2
Binary files /dev/null and b/demo/public/img/cats/images.jpg differ
diff --git a/demo/public/img/cats/squonk-small.jpg b/demo/public/img/cats/squonk-small.jpg
new file mode 100644
index 0000000..7daca8e
Binary files /dev/null and b/demo/public/img/cats/squonk-small.jpg differ
diff --git a/demo/public/img/cats/url.jpg b/demo/public/img/cats/url.jpg
new file mode 100644
index 0000000..92619fc
Binary files /dev/null and b/demo/public/img/cats/url.jpg differ
diff --git a/demo/public/img/cats/vQBFw.jpg b/demo/public/img/cats/vQBFw.jpg
new file mode 100644
index 0000000..b7c67dc
Binary files /dev/null and b/demo/public/img/cats/vQBFw.jpg differ
diff --git a/demo/src/Demo.js b/demo/src/Demo.js
index a083a03..bd499c1 100644
--- a/demo/src/Demo.js
+++ b/demo/src/Demo.js
@@ -3,7 +3,7 @@ import CircularJSON from 'circular-json';
 import Highlight from 'react-highlight';
 import Markdown from 'react-remarkable';
 
-import { Layer, LayerContext } from 'react-layer-stack';
+import { Layer, LayerContext, LayerStackMountPoint } from 'react-layer-stack';
 
 import FixedLayer from './components/FixedLayer';
 import Window from './components/Window';
@@ -34,7 +34,13 @@ const styles = {
 class Demo extends Component {
 
   componentWillMount() {
-    this.setState({counter: 1})
+    this.setState({
+      cats: [
+        { name: 'Funny-Cat-Jokes2.jpg', boxId: 'box1' },
+        { name: 'Funny-Cats-Funny-Cat-Picture-052-FunnyPica.com_.jpg',
+          boxId: 'box1' },
+        { name: 'a789284ca15a4f2d9208975e81705cdd.jpg', boxId: 'box1' },],
+      counter: 1})
     setInterval(() => this.setState({counter: this.state.counter + 1}), 1000)
   }
 
@@ -45,10 +51,10 @@ class Demo extends Component {
         { this.renderMovableWindow() }
         { this.renderSimpleWindow() }
         { this.renderLightbox() }
+        { this.renderDragObject() }
         <Markdown>
-
           #### DEMO top component data
-              { JSON.stringify(this.state, null, '\t') }
+              { JSON.stringify(this.state.counter, null, '\t') }
 
           #### LAYER STATE TOGGLE
           <LayerContext id="layer_state_infobox">{({ show, hide, isActive }) => (
@@ -98,6 +104,28 @@ class Demo extends Component {
             <button onClick={ () => show() }>OPEN SIMPLE MODAL</button> )}
           </LayerContext>
 
+          ### Drag & Drop
+          <div style={{ width: "420px", height: "500px", overflowY: "scroll", border: "5px dashed blue" }}>
+            <LayerStackMountPoint id="box1" />
+          </div>
+
+          <div style={{ width: "420px", height: "500px", overflowY: "scroll", border: "5px dashed red" }}>
+            <LayerStackMountPoint id="box2"/>
+          </div>
+          <div>{
+            this.state.cats.map(( {boxId, name} ) =>
+              <Layer showInitially mountPointId={ boxId } id={ name } initialArgs={ [{drag:false}] }>{ ({ show }, { drag }) =>
+                <div style={{ minWidth: '200px', minHeight: '200px', float: 'left' }}
+                     onMouseUp={ () => show({drag: false}) }
+                     onMouseDown={ () => show({drag: true}) }
+                     onMouseMove={ () => {} }
+                >
+                  <img draggable="false" style={{ userSelect: 'none' }} src={ '/img/cats/' + name } />
+                </div>
+              }</Layer>
+            )
+          }</div>
+
         </Markdown>
       </div>
     );
@@ -181,9 +209,9 @@ class Demo extends Component {
                   ##### Layer inside Layer (inside Layer inside Layer inside Layer inside Layer inside Layer inside Layer ...  inside Layer)
 
                   <LayerContext id="lightbox">{({ show, hide }) => (
-                    <button onMouseLeave={ hide } onMouseMove={ ({ pageX, pageY }) => {
+                    <button onMouseLeave={ hide } onMouseMove={ ({ screenX, screenY }) => {
                     show(<div style={{
-                      left: pageX + 20, top: pageY, position: "absolute",
+                      left: screenX + 20, top: screenY, position: "absolute",
                       padding: '10px',
                       background: 'rgba(0,0,0,0.7)', color: '#fff', borderRadius: '5px',
                       boxShadow: '0px 0px 50px 0px rgba(0,0,0,0.60)'}}>
@@ -197,7 +225,7 @@ class Demo extends Component {
                   </Highlight>
                   ##### Data from outer component (closure/context):
                   <Highlight className="js">
-                    { JSON.stringify(this.state, null, '\t') }
+                    { JSON.stringify(this.state.counter, null, '\t') }
                   </Highlight>
                 </Markdown>
               </div>
@@ -207,6 +235,17 @@ class Demo extends Component {
     )
   }
 
+  renderDragObject() {
+    return <Layer id="drag_object">{ (_, { element, targets, pageX, pageY, data }) =>
+      <FixedLayer>
+        <div style={{ left: pageX, top: pageY }}>
+          { element }
+        </div>
+      </FixedLayer>
+    }</Layer>
+  }
+
+
   renderDebugLayer() {
     return <Layer id="layer_state_infobox" showInitially>{({views, displaying}) =>
       <FixedLayer>