diff --git a/maplibre/demo.html b/maplibre/demo.html
index b288404..0fcdfa2 100644
--- a/maplibre/demo.html
+++ b/maplibre/demo.html
@@ -4,12 +4,42 @@
   <title>Title</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="https://file.brz9.dev/web/js/highlight/hlb9c.css"/>
+  <script src="https://file.brz9.dev/web/js/highlight/highlight.min.js"></script>
+  <script>hljs.initHighlightingOnLoad();</script>
+
   <link rel="stylesheet" href="asset/css/style.css"/>
+
+  <!-- Leaflet -->
+  <link rel="stylesheet" href="https://file.brz9.dev/cdn/maplibre/leaflet.css"/>
+  <script src="https://file.brz9.dev/cdn/maplibre/leaflet.js"></script>
+
+  <!-- Maplibre GL -->
+  <link href="https://file.brz9.dev/cdn/maplibre/maplibre-gl.css" rel='stylesheet'/>
+  <script src="https://file.brz9.dev/cdn/maplibre/maplibre-gl.js"></script>
+  <script src="https://file.brz9.dev/cdn/maplibre/leaflet-maplibre-gl.js"></script>
+
 </head>
 <body>
 <div id="root">
 
+<pre><code class="language-xml">
+  &lt;-- Leaflet --&gt;
+  &lt;link rel="stylesheet" href="https://file.brz9.dev/cdn/maplibre/leaflet.css"/&gt;
 
+  &lt;script src="https://file.brz9.dev/cdn/maplibre/leaflet.js"&gt; &lt;/script&gt;
+
+
+  &lt;!-- Maplibre GL --&gt;
+
+  &lt;link href="https://file.brz9.dev/cdn/maplibre/maplibre-gl.css" rel='stylesheet'/&gt;
+
+  &lt;script src="https://file.brz9.dev/cdn/maplibre/maplibre-gl.js"&gt; &lt;/script&gt;
+
+  &lt;script src="https://file.brz9.dev/cdn/maplibre/leaflet-maplibre-gl.js"&gt; &lt;/script&gt;
+
+
+</code></pre>
 
 </div>
 </body>
