diff --git a/Apps/Sandcastle/gallery/CZML Point-Splash.gif b/Apps/Sandcastle/gallery/CZML Point-Splash.gif
new file mode 100644
index 00000000000..1718a0d03c3
Binary files /dev/null and b/Apps/Sandcastle/gallery/CZML Point-Splash.gif differ
diff --git a/Apps/Sandcastle/gallery/CZML Point-Splash.html b/Apps/Sandcastle/gallery/CZML Point-Splash.html
new file mode 100644
index 00000000000..51a9886bdde
--- /dev/null
+++ b/Apps/Sandcastle/gallery/CZML Point-Splash.html	
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+    <meta name="description" content="CZML Point - Time Dynamic">
+    <meta name="cesium-sandcastle-labels" content="CZML">
+    <title>Cesium Demo</title>
+    <script type="text/javascript" src="../Sandcastle-header.js"></script>
+    <script type="text/javascript" src="../../../Build/CesiumUnminified/Cesium.js" nomodule></script>
+    <script type="module" src="../load-cesium-es6.js"></script>
+</head>
+<body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html">
+<style>
+@import url(../templates/bucket.css);
+</style>
+<div id="cesiumContainer" class="fullSize"></div>
+<div id="loadingOverlay"><h1>Loading...</h1></div>
+<div id="toolbar"></div>
+
+<script id="cesium_sandcastle_script">
+function startup(Cesium) {
+    'use strict';
+//Sandcastle_Begin
+var czml = [{
+    "id" : "document",
+    "name" : "CZML Point-Splash-Dynamic",
+    "version" : "1.0",
+    "clock": {
+        "interval": "2012-08-04T16:00:00Z/2012-08-04T17:00:00Z",
+        "currentTime": "2012-08-04T16:00:00Z",
+        "multiplier": 9000
+    }
+}, {
+    "id" : "pointShow",
+    "availability" :"2012-08-04T16:00:00Z/2012-08-04T16:30:00Z",
+    "position" : {
+        "epoch" : "2012-08-04T16:00:00Z",
+        "cartographicDegrees" : [
+             -70, 20, 150000
+        ]
+    },
+    "point" : {
+        "color" : {
+            "rgba" : [255, 255, 255, 128]
+        },
+        "outlineColor" : {
+            "rgba" : [255, 0, 0, 128]
+        },
+        "outlineWidth" : 3,
+        "pixelSize" : 15
+    }
+}, {
+    "id" : "pointHide",
+    "availability" :"2012-08-04T16:30:00Z/2012-08-04T17:00:00Z",
+    "position" : {
+        "cartographicDegrees" : [
+             -70, 20, 150000
+        ]
+    },
+    "point" : {
+        "color" : {
+            "rgba" : [255, 255, 255, 128]
+        },
+        "outlineColor" : {
+            "rgba" : [0, 0, 255, 128]
+        },
+        "outlineWidth" : 3,
+        "pixelSize" : 4
+    }
+}
+];
+
+var viewer = new Cesium.Viewer('cesiumContainer', {
+    shouldAnimate : true,
+    animation: false,
+    timeline: false,
+});
+
+viewer.dataSources.add(Cesium.CzmlDataSource.load(czml));
+
+//Sandcastle_End
+    Sandcastle.finishedLoading();
+}
+if (typeof Cesium !== 'undefined') {
+    window.startupCalled = true;
+    startup(Cesium);
+}
+</script>
+</body>
+</html>
