diff --git a/orx-compositor/build.gradle b/orx-compositor/build.gradle
index 7ab63df0..42f5d819 100644
--- a/orx-compositor/build.gradle
+++ b/orx-compositor/build.gradle
@@ -1,4 +1,22 @@
+sourceSets {
+    demo {
+        java {
+            srcDirs = ["src/demo/kotlin"]
+            compileClasspath += main.getCompileClasspath()
+            runtimeClasspath += main.getRuntimeClasspath()
+        }
+    }
+}
+
 dependencies {
     api project(":orx-parameters")
     api project(":orx-fx")
+
+    implementation project(":orx-fx")
+
+    demoImplementation("org.openrndr:openrndr-core:$openrndrVersion")
+    demoImplementation("org.openrndr:openrndr-extensions:$openrndrVersion")
+    demoRuntimeOnly("org.openrndr:openrndr-gl3:$openrndrVersion")
+    demoRuntimeOnly("org.openrndr:openrndr-gl3-natives-$openrndrOS:$openrndrVersion")
+    demoImplementation(sourceSets.getByName("main").output)
 }
\ No newline at end of file
diff --git a/orx-compositor/src/demo/kotlin/DemoCompositor01.kt b/orx-compositor/src/demo/kotlin/DemoCompositor01.kt
new file mode 100644
index 00000000..43c924f4
--- /dev/null
+++ b/orx-compositor/src/demo/kotlin/DemoCompositor01.kt
@@ -0,0 +1,95 @@
+import org.openrndr.application
+import org.openrndr.color.ColorRGBa
+import org.openrndr.color.rgb
+import org.openrndr.draw.Drawer
+import org.openrndr.extensions.SingleScreenshot
+import org.openrndr.extra.compositor.compose
+import org.openrndr.extra.compositor.draw
+import org.openrndr.extra.compositor.layer
+import org.openrndr.extra.compositor.post
+import org.openrndr.extra.fx.blur.ApproximateGaussianBlur
+import org.openrndr.math.Vector3
+import kotlin.random.Random
+
+/**
+ * Compositor demo showing 3 layers of moving items
+ * with a different amount of blur in each layer,
+ * simulating depth of field
+ */
+fun main() = application {
+    configure {
+        width = 900
+        height = 900
+    }
+
+    program {
+        // -- this block is for automation purposes only
+        if (System.getProperty("takeScreenshot") == "true") {
+            extend(SingleScreenshot()) {
+                this.outputFile = System.getProperty("screenshotPath")
+            }
+        }
+
+        data class Item(var pos: Vector3, val color: ColorRGBa) {
+            fun draw(drawer: Drawer) {
+                pos -= Vector3(pos.z * 3.0, 0.0, 0.0)
+                if (pos.x < -260.0) {
+                    pos = Vector3(width + 260.0, pos.y, pos.z)
+                }
+                drawer.fill = null
+                drawer.stroke = color
+                drawer.strokeWeight = 2.0 + 30.0 * pos.z * pos.z
+                drawer.circle(pos.xy, 10.0 + 250.0 * pos.z * pos.z)
+            }
+        }
+
+        val items = List(50) {
+            val pos = Vector3(Random.nextDouble() * width,
+                    Random.nextDouble(0.3, 0.7) * height,
+                    Random.nextDouble())
+            Item(pos, ColorRGBa.PINK.shade(Random.nextDouble(0.2, 0.9)))
+        }.sortedBy { it.pos.z }
+
+        val composite = compose {
+            layer {
+                draw {
+                    drawer.stroke = null
+                    items.filter { it.pos.z < 0.33 }.forEach {
+                        it.draw(drawer)
+                    }
+                }
+                post(ApproximateGaussianBlur()) {
+                    window = 25
+                    sigma = 5.00
+                }
+            }
+
+            layer {
+                draw {
+                    drawer.stroke = null
+                    items.filter { it.pos.z in 0.33..0.66 }.forEach {
+                        it.draw(drawer)
+                    }
+                }
+            }
+
+            layer {
+                draw {
+                    drawer.stroke = null
+                    items.filter { it.pos.z > 0.66 }.forEach {
+                        it.draw(drawer)
+                    }
+                }
+                post(ApproximateGaussianBlur()) {
+                    window = 25
+                    sigma = 5.00
+                }
+            }
+        }
+
+        extend {
+            drawer.clear(rgb(0.2))
+            composite.draw(drawer)
+        }
+    }
+}