Tailscan
含 AI供开发者、设计师和产品经理在浏览器中可视化构建、设计和调试 Tailwind CSS 网站的工具，并提供 AI 样式编辑功能。
tailscan.com 设计 / UI/UX 设计与原型
- 月访问
- 88.6K
- 下降2.3%环比2026 年 8 月
- 入门价
- $15/月
- 低于同类 54% 的产品同类中位数 $18/月
- 首次发布
- 4 年前
- 2022-11-14 · 估算
访问与收入
- 2026 年 11 月$2,500自述 $30K/年 · 月均折算
- 2026 年 10 月$4,029自述 MRR · 未经验证
收入证据
公开披露与已验证的收入数字，按数字日期“I Hacked My Product in One Week and Now Make $30K/Year”
“"Article body reports $1,600 MRR after four months from end-March 2023. This is more precise than the $1,500 headline. Later perpetual-license revenue is not included. Reporting precision: month." Source: Tailscan: riding the wave (Jul 2023)”
营销动作
发布、搜索与内容、引荐、促销- I finally wrote the recap of the Uneed Residency #2 https://thomas-sanlis.com/p/uneed-residency-2-recap
@t_zahil · 2026-11-05 · 30 赞 · 2 转发 · 3,321 浏览
- Should I build ConductNeed?
@t_zahil · 2026-11-05 · 3 赞 · 0 转发 · 1,040 浏览
- Some pictures from the Uneed Residency #2 🤩
@t_zahil · 2026-11-04 · 62 赞 · 2 转发 · 2,364 浏览
流量来源
访问构成
渠道
- 自然搜索81%
- 直接访问10%
- 外部引荐8%
- 其他1%
国家/地区
- 美国8%
- 巴西7%
- 印度尼西亚6%
- 英国5%
- 印度4%
搜索
站点权重 51域名注册 2022-09-14
| 关键词 | 月搜索量 |
|---|---|
| tailwind colors | 17K |
| tailwind color | 3,100 |
| tailwind color 표 | 220 |
| hover:bg-slate-400 | 170 |
| blue-tailwindcss | 160 |
流量数据：Vaneform
定价
页面与变化
关键页面
每周快照变化
开始记录以来，定价、套餐与定位都没有变化。
设计
深蓝背景叠加柔和光晕，居中无衬线大标题以紫粉渐变强调关键词，细描边按钮与头像条建立视觉层级。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“The best devtool for Tailwind CSS”
顶部横向导航，居中标题下排双按钮与头像背书，底部露出圆角面板。
首屏转化路径：居中标题加按钮 + 纯排版与图形几何 → 首屏直接输入或试用 · 配合用户头像叠放与评语建立信任
- 品类定位锚点
- 数据指标栏
色板 · 点击复制
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：渐变光晕
深色或浅色底上的彩色光晕与半透明玻璃面板，多见于 AI 产品。
## 设计参数
```css
:root {
--background: #151c30;
--surface: #283049;
--foreground: #f7f7fa;
--muted-foreground: #c3c5d3;
--accent: #8061e8;
--radius: 8px;
--font-heading: "Lato", ui-sans-serif, system-ui, sans-serif;
--font-body: "Lato", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比：背景 #151C30（约 76%） · 面板 #283049（约 13%） · 正文 #F7F7FA（约 5%） · 次要文字 #C3C5D3（约 4%） · 强调 #8061E8（约 2%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：居中标题加按钮
- 导航结构：顶部通栏导航
- 明暗与密度：深色 · 留白多
- 圆角与层级：中圆角；用阴影区分层级
- 主视觉载体：纯排版与图形几何
- 转化动作：首屏直接输入或试用 · 信任背书采用用户头像叠放与评语
- 标题切入点：品类定位锚点
- 首屏组件特征：数据指标栏
- 空间布局拆解：顶部横向导航，居中标题下排双按钮与头像背书，底部露出圆角面板。
- 视觉特征总结：深蓝背景叠加柔和光晕，居中无衬线大标题以紫粉渐变强调关键词，细描边按钮与头像条建立视觉层级。
## 避免
- 纯平面色块
- 衬线正文
- Cluttered dense tables in the hero
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
- Tailscan 的价格是多少？
- Tailscan Core: $79/一次; Tailscan Core + Tailscan AI: $15/月（按年付）（提供年付）. 观察于 2026-11-03。 当前计费条件、用量限制与税费以来源页面为准。来源
- Tailscan 的网站访问量是多少？
- Vaneform 估算 2026-08 网站访问量为 88.6K。访问量包含重复访问，付费客户数与收入需分别查看对应证据。来源
- Tailscan 是什么产品，支持哪些平台？
- Tailscan 归属「UI/UX 设计与原型」赛道：Tailscan 是一款供开发者、设计师和产品经理在浏览器中可视化构建、设计和调试 Tailwind CSS 网站的工具，并提供 AI 样式编辑功能。。 支持平台包括：浏览器扩展。
- Tailscan 有哪些公开披露的收入数据？
- IndiePage 收录了 2026-10-01 的创始人公开披露：$4,029 /月。来源
同分类研究对象
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。