diff --git a/docs-src/overrides/home.html b/docs-src/overrides/home.html
index b735d19..22dda4f 100644
--- a/docs-src/overrides/home.html
+++ b/docs-src/overrides/home.html
@@ -32,7 +32,8 @@ <h1 class="loon-hero__title">
       <div class="loon-hero__install">
         <div class="loon-hero__install-label">Install</div>
         <div class="loon-hero__install-code">
-          <code>git clone https://github.com/jsrivaya/loon.git</code>
+          <code id="install-cmd">git clone https://github.com/jsrivaya/loon.git</code>
+          <button class="loon-copy-btn" onclick="navigator.clipboard.writeText(document.getElementById('install-cmd').textContent).then(()=>{this.innerHTML='✓';setTimeout(()=>{this.innerHTML='⧉'},1500)})" title="Copy to clipboard">⧉</button>
         </div>
       </div>
     </div>
diff --git a/docs-src/stylesheets/extra.css b/docs-src/stylesheets/extra.css
index cea0033..6733dde 100644
--- a/docs-src/stylesheets/extra.css
+++ b/docs-src/stylesheets/extra.css
@@ -178,6 +178,27 @@
   padding: 0.5rem 1rem;
   border-radius: 6px;
   overflow-x: auto;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.loon-copy-btn {
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  color: #94a3b8;
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 2px 6px;
+  font-size: 1rem;
+  line-height: 1;
+  transition: color 0.2s ease, border-color 0.2s ease;
+  flex-shrink: 0;
+}
+
+.loon-copy-btn:hover {
+  color: #e2e8f0;
+  border-color: rgba(255, 255, 255, 0.4);
 }
 
 .loon-hero__install-code code {