- 月访问
- <5K
- 2026 年 10 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- 免费
- 没有月付订阅价
- 首次发布
- 8 个月前
- 2026-03-13 · 估算
访问
近 12 个月
营销动作
发布、搜索与内容、引荐、促销在 Show HN 发布（2 分）发布
orb-ui – Voice AI UI Components for React (Vapi, ElevenLabs, etc.) — I got tired of rebuilding the same pulsing circle every time I prototyped a voice AI app, so I packaged it up. orb-ui is a React component…
3 月 13 日 · 8 个月前发布页
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案Show HN
2026-03-13查看原文
- 创作者原帖摘录：
- I got tired of rebuilding the same pulsing circle every time I prototyped a voice AI app, so I packaged it up. orb-ui is a React component library for voice AI agent UIs. You plug in an adapter for your voice provider, the component handles the state machine (idle, connecting, listening, speaking) and renders it. import { Orb } from 'orb-ui' import { createV
开源仓库与自部署
GitHub 开源与智能体接入
流量来源
2026 年 10 月
访问构成
渠道
- 直接访问39%
- 自然搜索34%
- 外部引荐10%
- 社交媒体6%
- 其他11%
国家/地区
- 印度68%
- 美国32%
搜索
站点权重 —域名注册 2026-03-12
| 关键词 | 月搜索量 |
|---|---|
| orb ui | 310 |
| eleven labs orb | 260 |
| orbe react | 180 |
| orb ui for ai thinking react | 100 |
| orbyui | 60 |
流量数据：Vaneform
定价
尚未识别出定价页，或该页面没有公开价格。
页面与变化
开始记录于 2026-07-31
关键页面
每周快照orb-ui.com/ 快照 2026-11-03
变化
开始记录以来，定价、套餐与定位都没有变化。
设计
首屏视觉分析与 :root CSS
黑色底色搭配浅色无衬线大标题与蓝色强调，右侧深色交互面板以发光语音圆球为焦点，底部细线指标栏强化工程产品气质。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“Voice agent UI that feels alive.”
顶部细导航下方采用左右分栏，左侧标题、说明与安装命令纵向排列，右侧放置可调语音圆球演示面板。
首屏转化路径：左文右图 + 首屏可交互演示或工具 → 下载客户端 / 安装插件 · 配合用户数、星级或核心指标建立信任
色板 · 点击复制
五维设计评分7.9 / 10
- 字体与排版
- 8.0
- 色彩与对比
- 8.0
- 构图与留白
- 8.0
- 细节与工艺
- 8.0
- 风格辨识度
- 7.0
结构
- 字体
- Inter / Geist Mono
- 首屏版式
- 左文右图
- 主视觉
- 首屏可交互演示或工具
- 转化动作
- 下载客户端 / 安装插件
- 信任背书
- 用户数、星级或核心指标
- 导航
- 顶部通栏导航
- 明暗与密度
- 深色 · 适中
- 圆角与层级
- 中圆角 · 细线分层
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：极简单色（兼备暗色开发者）
黑白灰加一个强调色，细线分隔，大量留白，靠字号与字重分层级。
## 设计参数
```css
:root {
--background: #090a0b;
--surface: #131416;
--foreground: #f5f6f8;
--muted-foreground: #8a8d94;
--accent: #a9cfff;
--radius: 8px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-mono: "Geist Mono", ui-monospace, monospace;
}
```
色彩面积配比：背景 #090A0B（约 76%） · 面板 #131416（约 12%） · 正文 #F5F6F8（约 6%） · 次要文字 #8A8D94（约 4%） · 强调 #A9CFFF（约 2%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：左文右图
- 导航结构：顶部通栏导航
- 明暗与密度：深色 · 适中
- 圆角与层级：中圆角；不用阴影，用细线与留白区分层级
- 主视觉载体：首屏可交互演示或工具
- 转化动作：下载客户端 / 安装插件 · 信任背书采用用户数、星级或核心指标
- 标题切入点：痛点消解与替代
- 首屏组件特征：首屏可交互工具、代码与终端、数据指标栏
- 空间布局拆解：顶部细导航下方采用左右分栏，左侧标题、说明与安装命令纵向排列，右侧放置可调语音圆球演示面板。
- 视觉特征总结：黑色底色搭配浅色无衬线大标题与蓝色强调，右侧深色交互面板以发光语音圆球为焦点，底部细线指标栏强化工程产品气质。
## 避免
- 多种强调色并用
- 渐变背景
- 重阴影
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
软件开发 / 启动模板与组件
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。