diff --git a/resources/views/pages/design.twig b/resources/views/pages/design.twig
index 9b91f1b3..ff3aa181 100644
--- a/resources/views/pages/design.twig
+++ b/resources/views/pages/design.twig
@@ -299,6 +299,25 @@
                     </li>
                 </ul>
             </div>
+            <div class="col">
+                <h4>Countdowns</h4>
+                <ul>
+                    <li data-countdown-ts="{{ timestamp30s }}">30s: %c</li>
+                    <li data-countdown-ts="{{ timestamp30m }}">30m: %c</li>
+                    <li data-countdown-ts="{{ timestamp59m }}">59m: %c</li>
+                    <li data-countdown-ts="{{ timestamp1h }}">1h: %c</li>
+                    <li data-countdown-ts="{{ timestamp1h30m }}">1h 30m: %c</li>
+                    <li data-countdown-ts="{{ timestamp1h31m }}">1h 31m: %c</li>
+                    <li data-countdown-ts="{{ timestamp2h }}">2h: %c</li>
+                    <li data-countdown-ts="{{ timestamp2d }}">2d: %c</li>
+                    <li data-countdown-ts="{{ timestamp3m }}">3m: %c</li>
+                    <li data-countdown-ts="{{ timestamp22y }}">22y: %c</li>
+                </ul>
+                <ul>
+                    <li data-countdown-ts="{{ timestamp30mago }}">30m ago: %c</li>
+                    <li data-countdown-ts="{{ timestamp45mago }}">45m ago: %c</li>
+                </ul>
+            </div>
         </div>
 
         <h2>Macros</h2>
diff --git a/src/Controllers/DesignController.php b/src/Controllers/DesignController.php
index bbb8600c..a0490d46 100644
--- a/src/Controllers/DesignController.php
+++ b/src/Controllers/DesignController.php
@@ -56,10 +56,23 @@ class DesignController extends BaseController
 
         $themes = $this->config->get('themes');
         $data = [
-            'demo_user'   => $demoUser,
-            'demo_user_2' => $demoUser2,
-            'themes'      => $themes,
-            'bar_chart'   => BarChart::render(...BarChart::generateChartDemoData(23)),
+            'demo_user'    => $demoUser,
+            'demo_user_2'  => $demoUser2,
+            'themes'       => $themes,
+            'bar_chart'    => BarChart::render(...BarChart::generateChartDemoData(23)),
+            'timestamp30m' => time() + 30 * 60,
+            'timestamp59m' => time() + 59 * 60,
+            'timestamp1h'  => time() + 1 * 60 * 60,
+            'timestamp1h30m'  => time() + 90 * 60,
+            'timestamp1h31m'  => time() + 91 * 60,
+            'timestamp2h'  => time() + 2 * 60 * 60,
+            'timestamp2d'  => time() + 2 * 24 * 60 * 60,
+            'timestamp3m' => time() + 3 * 30 * 24 * 60 * 60,
+            'timestamp22y' => time() + 22 * 365 * 24 * 60 * 60,
+            'timestamp30s' => time() + 30,
+
+            'timestamp30mago' => time() - 30 * 60,
+            'timestamp45mago' => time() - 45 * 60,
         ];
 
         return $this->response->withView(