docs: add a simpler example in Motion UI docs header

diff --git a/docs/pages/motion-ui.md b/docs/pages/motion-ui.md
index 198a8302ea01639d009057a4be3ca7a4cf52d649..ed99f6573d7d6537e499757f3d3613557d9b159b 100644 (file)
--- a/docs/pages/motion-ui.md
+++ b/docs/pages/motion-ui.md
@@ -8,9 +8,14 @@ library:
 
 Motion UI is a standalone library that powers the transition effects used in a number of Foundation components, including [Toggler](toggler.html), [Reveal](reveal.html), and [Orbit](orbit.html).
 
+<div class="text-center">
+  <button type="button" class="button" data-toggle="motion-header-example">Animate!</button>
+  <div data-toggler data-animate="fade-in fade-out" id="motion-header-example" style="display: none;">
+    <img src="/assets/img/generic/rectangle-7.jpg" style="width: 100%;">
   </div>
 </div>
 
+
 ---
 
 ## Installing