- 月访问
- 6.6K
- 下降17.2%环比2026 年 9 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- $59/月
- 高于同类 88% 的产品同类中位数 $14.99/月
- 首次发布
- 4 年前
- 2021-12-13 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销在 Show HN 发布（75 分 · 30 评论）发布
MockRocket – 3D app mockups and animations in the browser — Hey HN, I've spent a lot of time over the years building mockups and demo videos for my apps with tools like Photoshop and After Effects,…
2022 年 1 月 26 日 · 4 年前发布页
在 BetaList 发布发布
MockRocket – Create jaw-dropping 3D app mockups & videos–right in your browser — Create jaw-dropping 3D app mockups & videos–right in your browser
2021 年 12 月 13 日 · 4 年前发布页
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案Show HN
2022-01-26查看原文
- 创作者原帖摘录：
- Hey HN, I've spent a lot of time over the years building mockups and demo videos for my apps with tools like Photoshop and After Effects, always frustrated by how tedious it was. For the past year and a half, I've been working on building a better way. MockRocket makes it easy to show off your app, right from your web browser–no experience required. Choose a
流量来源
2026 年 9 月
访问构成
渠道
- 直接访问40%
- 自然搜索32%
- 外部引荐10%
- 社交媒体6%
- 其他12%
国家/地区
- 美国52%
- 法国14%
- 德国12%
- 印度6%
- 波兰6%
搜索
站点权重 —域名注册 2020-05-05
| 关键词 | 月搜索量 |
|---|---|
| ultramock | 2,120 |
| mockrocket | 630 |
| 3d rotating mockup for software | 440 |
| mockup phone animation template | 210 |
| javascript 3d rotating mockup | 180 |
流量数据：Vaneform
定价
页面与变化
开始记录于 2022-01-24
关键页面
每周快照mockrocket.io/ 快照 2026-11-04
变化
开始记录以来，定价、套餐与定位都没有变化。
设计
首屏视觉分析与 :root CSS
白底承载深蓝粗体大标题，关键词以蓝紫渐变突出；浅粉与蓝紫光晕衬托笔记本内的3D手机展示，整体明亮轻盈。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“Show off your app in jaw-dropping 3D”
顶部导航横向排列，标题与双按钮居中置于上半屏，笔记本产品界面居中占据下方主视觉。
首屏转化路径：居中标题加按钮 + 产品界面截图或组件示意 → 免费开始 / 立即注册 · 配合首屏直接展示真实生成作品建立信任
- 结果与速度承诺
- 首屏大幅产品界面
色板 · 点击复制
五维设计评分7.6 / 10
- 字体与排版
- 8.0
- 色彩与对比
- 8.0
- 构图与留白
- 8.0
- 细节与工艺
- 7.0
- 风格辨识度
- 7.0
结构
- 字体
- Arial
- 首屏版式
- 居中标题加按钮
- 主视觉
- 产品界面截图或组件示意
- 转化动作
- 免费开始 / 立即注册
- 信任背书
- 首屏直接展示真实生成作品
- 导航
- 顶部通栏导航
- 明暗与密度
- 浅色 · 留白多
- 圆角与层级
- 胶囊 · 有阴影
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：渐变光晕（兼备3D 拟物）
深色或浅色底上的彩色光晕与半透明玻璃面板，多见于 AI 产品。
## 设计参数
```css
:root {
--background: #ffffff;
--surface: #f8f7fc;
--foreground: #132747;
--muted-foreground: #626875;
--accent: #4352e8;
--radius: 9999px;
--font-heading: "Arial", ui-sans-serif, system-ui, sans-serif;
--font-body: "Arial", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比：背景 #FFFFFF（约 57%） · 面板 #F8F7FC（约 8%） · 正文 #132747（约 16%） · 次要文字 #626875（约 8%） · 强调 #4352E8（约 11%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：居中标题加按钮
- 导航结构：顶部通栏导航
- 明暗与密度：浅色 · 留白多
- 圆角与层级：胶囊；用阴影区分层级
- 主视觉载体：产品界面截图或组件示意
- 转化动作：免费开始 / 立即注册 · 信任背书采用首屏直接展示真实生成作品
- 标题切入点：结果与速度承诺
- 首屏组件特征：首屏大幅产品界面
- 空间布局拆解：顶部导航横向排列，标题与双按钮居中置于上半屏，笔记本产品界面居中占据下方主视觉。
- 视觉特征总结：白底承载深蓝粗体大标题，关键词以蓝紫渐变突出；浅粉与蓝紫光晕衬托笔记本内的3D手机展示，整体明亮轻盈。
## 避免
- 纯平面色块
- 衬线正文
- Cluttered dense tables in the hero
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
设计 / 3D 与 AR/VR
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。