- 月访问
- 7.3K
- 下降39.9%环比2026 年 10 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- 免费
- 没有月付订阅价
- 首次发布
- 10 年前
- 2016-01-04 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销X 账号@frandiox
在 Product Hunt 发布发布
Brings the Power and Simplicity of Vue.js to Hybrid and PWA.
2017 年 7 月 13 日 · 9 年前发布页
在 Show HN 发布(2 分)发布
Angular 2 Components for Hybrid Apps with Material and iOS Design
2016 年 6 月 22 日 · 10 年前发布页
在 Product Hunt 发布发布
Javascript and CSS frameworks for HTML5, PhoneGap & Cordova
2016 年 1 月 4 日 · 10 年前发布页
MCP 服务与 Agent 生态
GitHub 开源与智能体接入
Agent 智能体、MCP 与开发者接入
CLI / SDK流量来源
2026 年 10 月
访问构成
这个网站的访问渠道与国家构成还没有数据。
搜索
站点权重 —域名注册 未知
这个网站还没有搜索关键词数据。
流量数据:Vaneform
定价
尚未识别出定价页,或该页面没有公开价格。
页面与变化
开始记录于 2016-01-04
关键页面
每周快照onsen.io/ 快照 2026-11-09
变化
开始记录以来,定价、套餐与定位都没有变化。
设计
首屏视觉分析与 :root CSS
高饱和红橙渐变铺满首屏,白色轻量标题与按钮构成强对比,右侧手机界面突出移动组件预览,底部排列框架标识。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps.”
顶栏横向排列,左侧放标题与双按钮及框架入口,右侧以大型手机界面作主视觉。
首屏转化路径:左文右图 + 产品界面截图或组件示意 → 免费开始 / 立即注册 · 配合用户头像叠放与评语建立信任
色板 · 点击复制
五维设计评分7.1 / 10
- 字体与排版
- 7.0
- 色彩与对比
- 7.0
- 构图与留白
- 8.0
- 细节与工艺
- 7.0
- 风格辨识度
- 6.0
结构
- 字体
- Helvetica Neue
- 首屏版式
- 左文右图
- 主视觉
- 产品界面截图或组件示意
- 转化动作
- 免费开始 / 立即注册
- 信任背书
- 用户头像叠放与评语
- 导航
- 顶部通栏导航
- 明暗与密度
- 浅色 · 适中
- 圆角与层级
- 小圆角 · 细线分层
预览 AI 设计说明全文(含 :root CSS 变量与版式规则)只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:高饱和潮酷
满版高饱和品牌色背景、超大粗黑陈列字体与强对比按钮,常见于创作者工具与潮流消费应用。
## 设计参数
```css
:root {
--background: #ef3e29;
--surface: #ffffff;
--foreground: #ffffff;
--muted-foreground: #f5b5aa;
--accent: #ffffff;
--radius: 4px;
--font-heading: "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
--font-body: "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比:背景 #EF3E29(约 70%) · 面板 #FFFFFF(约 16%) · 正文 #FFFFFF(约 8%) · 次要文字 #F5B5AA(约 3%) · 强调 #FFFFFF(约 3%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式:左文右图
- 导航结构:顶部通栏导航
- 明暗与密度:浅色 · 适中
- 圆角与层级:小圆角;不用阴影,用细线与留白区分层级
- 主视觉载体:产品界面截图或组件示意
- 转化动作:免费开始 / 立即注册 · 信任背书采用用户头像叠放与评语
- 标题切入点:品类定位锚点
- 首屏组件特征:首屏大幅产品界面、客户标志墙
- 空间布局拆解:顶栏横向排列,左侧放标题与双按钮及框架入口,右侧以大型手机界面作主视觉。
- 视觉特征总结:高饱和红橙渐变铺满首屏,白色轻量标题与按钮构成强对比,右侧手机界面突出移动组件预览,底部排列框架标识。
## 避免
- 沉闷灰调企业配色
- 字号过小且对比度低的正文
- 过于严肃的密集企业表格
请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
- Onsen UI 的网站访问量是多少?
- Vaneform 估算 2026-10 网站访问量为 7.3K。访问量包含重复访问,付费客户数与收入需分别查看对应证据。来源
- Onsen UI 是什么产品,支持哪些平台?
- Onsen UI 归属「启动模板与组件」赛道:面向移动应用开发者的 HTML5 UI 框架,提供自动适配 iOS 和 Android 外观的组件,用于构建混合移动应用和移动网页应用。。 支持平台包括:移动应用、CLI 与 SDK。
同分类研究对象
软件开发 / 启动模板与组件
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。