GIFs

Author: davindicode

README.md

@@ -23,6 +23,25 @@
 
 ## Features
 
+<!-- Product demo previews (GIFs) -->
+<div align="center" style="display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:flex-start;">
+  <figure style="display:flex;flex-direction:column;align-items:center;max-width:260px;text-align:center;margin:0;">
+    <a href="public/videos/demo_explorer.gif" title="Open Explorer GIF"><img src="public/videos/demo_explorer.gif" alt="Demo: Explorer" width="260" style="border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.06);"></a>
+    <figcaption style="font-size:13px;color:#555;margin-top:8px;">File explorer</figcaption>
+  </figure>
+
+  <figure style="display:flex;flex-direction:column;align-items:center;max-width:260px;text-align:center;margin:0;">
+    <a href="public/videos/demo_terminal.gif" title="Open Terminal GIF"><img src="public/videos/demo_terminal.gif" alt="Demo: Terminal" width="260" style="border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.06);"></a>
+    <figcaption style="font-size:13px;color:#555;margin-top:8px;">Terminal interface</figcaption>
+  </figure>
+
+  <figure style="display:flex;flex-direction:column;align-items:center;max-width:260px;text-align:center;margin:0;">
+    <a href="public/videos/demo_localhost.gif" title="Open Localhost GIF"><img src="public/videos/demo_localhost.gif" alt="Demo: Localhost" width="260" style="border:1px solid #e6e6e6;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.06);"></a>
+    <figcaption style="font-size:13px;color:#555;margin-top:8px;">Localhost explorer</figcaption>
+  </figure>
+</div>
+
+
 ### Terminal
 - Multi-session tabs (renamable), xterm.js with configurable font size
 - **Quick action tab groups** — color-coded action tabs (blue) and app tabs (green):