htmx
一個供開發者通過 HTML 屬性使用 AJAX、CSS 過渡、WebSocket 和伺服器發送事件來構建現代使用者介面的庫。
- 每月造訪次數
- 190.1K
- 下降2.8%較上月2026 年 9 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- 免費
- 沒有月付訂閱價
- 首次發布
- 6 年前
- 2020-05-26 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷- based ocean is will not tolerate this affront! 引用帖 @vyrotek： https://t.co/yel3Nqk87n
@htmx_org · 2026-11-09 · 13 贊 · 0 轉發 · 776 瀏覽
- the perfect haskell meme doesn't exi... 引用帖 @effectfully： https://t.co/FE8pdo5bUx
@htmx_org · 2026-11-08 · 347 贊 · 12 轉發 · 6,251 瀏覽
- my most nuclear spice controversial take 引用帖 @htmx_org： @eateroftrash good defaults are good
@htmx_org · 2026-11-07 · 56 贊 · 0 轉發 · 2,496 瀏覽
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Console.dev
2024-06-27查看原文
- 核心亮點評測：
- Build web app functionality by using augmented HTML attributes rather than complex JS frameworks. Supports HTTP requests, WebSockets, server sent events, CSS transitions, etc all in HTML. No dependencies. Has built in form validation. Events system linked to logging for debugging. Open source.
- 局限與權衡：
- Logic is defined directly in the DOM which poses a security risk - you need to properly think through escaping and whether to use certain attributes. Setting a CSP is particularly important.
- 適用人群：
- Developers looking to simplify web app development with HTML attributes
Console.dev
2026-09-10查看原文
- 核心亮點評測：
- Simplifies the approach to adding attributes to HTML tags for dynamic features. Now uses fetch(). Makes it easy to implement features like infinite scroll, form post, search as you type, polling, and streaming responses. Still pretty minimal (11kb) and no dependencies.
- 局限與權衡：
- Lots of attributes littered all over your HTML, but that is the point.
- 適用人群：
- Developers who want to add dynamic features to HTML
開源倉庫與自部署
GitHub 開源與智慧體接入
最近提交 2026-11-02
- GitHub 星標
- ★ 4,134
- 分支數 (Forks)
- 194
- 開源協議
- non-standard
- 主要語言
- JavaScript
流量來源
2026 年 9 月
訪問構成
管道
- 自然搜尋39%
- 直接訪問29%
- 社交媒體22%
- 外部引薦7%
- 其他3%
國家/地區
- 美國15%
- 巴西9%
- 越南7%
- 印度7%
- 德國6%
搜尋
站點權重 —網域名稱註冊 2020-04-15
| 關鍵字 | 月搜尋量 |
|---|---|
| htmx | 26.8K |
| htmx 4.0 | 1,350 |
| htmx 4 | 990 |
| htmlx | 990 |
| htmx v4 | 330 |
流量資料：Vaneform
定價
尚未識別出定價頁，或該頁面沒有公開價格。
頁面與變化
開始記錄於 2026-11-06
關鍵頁面
每週快照- 首頁htmx.org/
- 功能swag.htmx.org/products/shut-up-warren-tee 快照 2026-11-06
變化
開始記錄以來，定價、方案與定位都沒有變化。
設計
首屏畫面視覺分析與 :root CSS
白底窄欄文件頁配深色地形紋理橫幅，居中白色 htmx 字標與藍色斜槓，正文以藍色連結和淺灰程式碼標籤分層。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“introduction”
頂欄下方居中深色字標橫幅，其下窄欄依次放置公告卡片與介紹段落。
首屏畫面轉化路徑：居中標題加按鈕 + 純排版與圖形幾何 → 下載用戶端 / 安裝外掛 · 配合使用者頭像疊放與評語建立信任
- 品類定位錨點
- 程式碼與終端機
色板 · 點擊複製
五維設計評分6.0 / 10
- 字體與排版
- 6.0
- 色彩與對比
- 6.0
- 構圖與留白
- 6.0
- 細節與工藝
- 6.0
- 風格辨識度
- 6.0
結構
- 字體
- Oxygen
- 首屏畫面版式
- 居中標題加按鈕
- 主視覺
- 純排版與圖形幾何
- 轉化動作
- 下載用戶端 / 安裝外掛
- 信任背書
- 使用者頭像疊放與評語
- 導航
- 頂部通欄導航
- 明暗與密度
- 淺色 · 留白多
- 圓角與層級
- 中圓角 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：極簡單色
黑白灰加一個強調色，細線分隔，大量留白，靠字號與字重分層級。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #1e1e1e;
--foreground: #1a1a1a;
--muted-foreground: #6e6e6e;
--accent: #3366cc;
--radius: 8px;
--font-heading: "Oxygen", ui-sans-serif, system-ui, sans-serif;
--font-body: "Oxygen", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 55%） · 面板 #1E1E1E（約 22%） · 正文 #1A1A1A（約 8%） · 次要文字 #6E6E6E（約 8%） · 強調 #3366CC（約 7%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：居中標題加按鈕
- 導航結構：頂部通欄導航
- 明暗與密度：淺色 · 留白多
- 圓角與層級：中圓角；用陰影區分層級
- 主視覺載體：純排版與圖形幾何
- 轉化動作：下載用戶端 / 安裝外掛 · 信任背書採用使用者頭像疊放與評語
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：程式碼與終端機
- 空間布局拆解：頂欄下方居中深色字標橫幅，其下窄欄依次放置公告卡片與介紹段落。
- 視覺特徵總結：白底窄欄文件頁配深色地形紋理橫幅，居中白色 htmx 字標與藍色斜槓，正文以藍色連結和淺灰程式碼標籤分層。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- htmx 的網站造訪次數是多少？
- Vaneform 估算 2026-09 網站造訪次數為 190.1K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- htmx 是什麼產品，支援哪些平台？
- htmx 歸屬「開發者效率工具」市場領域：htmx 是一個供開發者通過 HTML 屬性使用 AJAX、CSS 過渡、WebSocket 和伺服器發送事件來構建現代使用者介面的庫。。 支援平台包括：僅網頁。
- htmx 是開源專案嗎？採用什麼協議？
- htmx 擁有公開程式碼倉庫（https://github.com/bigskysoftware/htmx），採用 non-standard 協議，記錄有 4,134 個 GitHub Stars。來源
同分類研究對象
軟體開發 / 開發者效率工具
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。