- 月访问
- 118.5K
- 下降12.5%环比2026 年 9 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- $24/月
- 高于同类 62% 的产品同类中位数 $17.28/月
- 首次发布
- 7 年前
- 2019-01-06 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销在 Show HN 发布（1 分）发布
AI Email Design – Create beautiful newsletters in multiple models
4 月 28 日 · 7 个月前发布页
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案Show HN
2023-11-22查看原文
- 创作者原帖摘录：
- Hey HN! The "Generative" trend is booming, and UI Library Creator is our original approach to it. In the last three years, we have added 60+ professional UI libraries to Shuffle's catalog (Shuffle = visual editor for web developers). Still, we know we need more than this to satisfy our growing user base! That's why we created the UI Library Creator. In this
Show HN
2025-07-08查看原文
- 创作者原帖摘录：
- Hi! We noticed that our users extensively use Shuffle (a visual editor for developers) in conjunction with Cursor. That's why we built the Shuffle CLI, a lightweight tool that creates a seamless bridge between Shuffle and Cursor. With this CLI, you can: * Sync your visual components from Shuffle directly into Cursor projects * Automatically generate clean, e
Show HN
2025-08-30查看原文
- 创作者原帖摘录：
- We created an infinite wall of UI components that makes finding visual inspiration for your next interface fun. UI Components are organized by category, including hero sections, navigation bars, forms, cards, testimonials, footers, and many more. Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and expor
Show HN
2025-08-31查看原文
- 创作者原帖摘录：
- We created an infinite wall of UI components that makes finding visual inspiration for your next interface fun. UI Components are organized by category, including hero sections, navigation bars, forms, cards, testimonials, footers, and many more. Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and expor
Show HN
2026-02-24查看原文
- 创作者原帖摘录：
- Hey HN, We built a different kind of AI benchmark for UI generation. Instead of static leaderboards or curated screenshots, you can watch multiple models generate the same design live, side-by-side, and decide which output is actually better. Under the hood, we call AI models from Anthropic (Opus), OpenAI (GPT), Google (Gemini), and Moonshot AI (Kimi). Each
流量来源
2026 年 9 月
访问构成
渠道
- 自然搜索59%
- 直接访问25%
- 外部引荐9%
- 社交媒体4%
- 其他3%
国家/地区
- 印度11%
- 美国11%
- 巴西6%
- 英国5%
- 秘鲁5%
搜索
站点权重 —域名注册 2019-02-22
| 关键词 | 月搜索量 |
|---|---|
| shuffle | 108.5K |
| design arena | 53.5K |
| ui library | 13.7K |
| design arena ai | 10.3K |
| designarena | 6,520 |
流量数据：Vaneform
定价
页面与变化
开始记录于 2021-01-28
关键页面
每周快照- 首页shuffle.dev/
- 定价shuffle.dev/pricing 快照 2026-11-03
变化
设计
首屏视觉分析与 :root CSS
浅色底配柔和粉彩圆点、大圆角白卡片与蓝色胶囊按钮，黑色粗标题中嵌入黄色高亮词，整体亲切且层级清晰。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“Create beautiful websites and templates in minutes”
顶栏下方居中标题与说明，底部并列两张产品卡片，中间以圆形 OR 分隔。
首屏转化路径：居中标题加按钮 + 产品界面截图或组件示意 → 首屏直接输入或试用 · 配合用户数、星级或核心指标建立信任
色板 · 点击复制
预览 AI 设计说明全文（含 :root CSS 变量与版式规则）只写风格参数，禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明：柔和友好（兼备极简单色）
低饱和粉彩、大圆角与圆润字体，配友好的插画，面向大众用户。
## 设计参数
```css
:root {
--background: #f6f7fb;
--surface: #ffffff;
--foreground: #111827;
--muted-foreground: #6b7280;
--accent: #3b5bff;
--radius: 16px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比：背景 #F6F7FB（约 42%） · 面板 #FFFFFF（约 28%） · 正文 #111827（约 12%） · 次要文字 #6B7280（约 10%） · 强调 #3B5BFF（约 8%）。背景与面板占绝大部分面积，强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式：居中标题加按钮
- 导航结构：顶部通栏导航
- 明暗与密度：浅色 · 适中
- 圆角与层级：大圆角；用阴影区分层级
- 主视觉载体：产品界面截图或组件示意
- 转化动作：首屏直接输入或试用 · 信任背书采用用户数、星级或核心指标
- 标题切入点：结果与速度承诺
- 首屏组件特征：首屏大幅产品界面、数据指标栏
- 空间布局拆解：顶栏下方居中标题与说明，底部并列两张产品卡片，中间以圆形 OR 分隔。
- 视觉特征总结：浅色底配柔和粉彩圆点、大圆角白卡片与蓝色胶囊按钮，黑色粗标题中嵌入黄色高亮词，整体亲切且层级清晰。
## 避免
- 纯黑大面积
- 直角
- 等宽字体
请按上面的设计参数与版式实现界面：颜色只用这些变量，强调色只给主要操作与当前状态。只采用这种风格，禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
设计 / UI/UX 设计与原型
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。