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。来源
同分类研究对象
软件开发 / 开发者效率工具
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。