以下列出 GitHub 儲存庫，其中展示了與各種伺服器端語言和平台的整合範例，包括 JavaScript、Python、Java 等等。
以下是一系列使用 htmx 實作的 UX 模式，具有最少的 HTML 和樣式。
您可以複製並貼上它們，然後根據您的需求進行調整。
| 模式 | 描述 |
|---|---|
| 點擊編輯 | 示範資料物件的內嵌編輯 |
| 批次更新 | 示範多行資料的批次更新 |
| 點擊載入 | 示範點擊以載入表格中的更多列 |
| 刪除列 | 示範表格中的列刪除 |
| 編輯列 | 示範如何在表格中編輯列 |
| 延遲載入 | 示範如何延遲載入內容 |
| 內嵌驗證 | 示範如何進行內嵌欄位驗證 |
| 無限捲動 | 示範頁面的無限捲動 |
| 即時搜尋 | 示範即時搜尋框模式 |
| 進度條 | 示範類似工作執行器的進度條 |
| 值選取 | 示範如何使選取框的值取決於另一個選取框 |
| 動畫 | 示範各種動畫技術 |
| 檔案上傳 | 示範如何使用 Ajax 上傳檔案並顯示進度條 |
| 在表單錯誤後保留檔案輸入 | 示範如何在表單錯誤後保留檔案輸入 |
| 對話框 - 瀏覽器 | 示範提示和確認對話框 |
| 對話框 - UIKit | 示範使用 UIKit 的模態對話框 |
| 對話框 - Bootstrap | 示範使用 Bootstrap 的模態對話框 |
| 對話框 - 自訂 | 示範從頭開始建立模態對話框 |
| 分頁 (使用 HATEOAS) | 示範如何使用 HATEOAS 原則顯示和選取分頁 |
| 分頁 (使用 JavaScript) | 示範如何使用 JavaScript 顯示和選取分頁 |
| 鍵盤快捷鍵 | 示範如何為啟用 htmx 的元素建立鍵盤快捷鍵 |
| 拖放/排序 | 示範如何將 htmx 與 Sortable.js 外掛程式一起使用，以實作拖放重新排序 |
| 更新其他內容 | 示範如何更新超出目標元素以外的內容 |
| 確認 | 示範如何使用 htmx 實作自訂確認對話框 |
| 非同步身份驗證 | 示範如何在 htmx 中處理非同步身份驗證令牌 |
| Web Components | 示範如何將 htmx 與 web components 和 shadow DOM 整合 |
| (實驗性) 以 moveBefore() 為基礎的 hx-preserve | 如果存在，htmx 將使用實驗性的 moveBefore() API 來移動元素。 |
有關常見做法，請參閱 Hotwire / Turbo 到 htmx 遷移指南。