常见问题区块
常见问题及解答。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
常见问题
10 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
分类 FAQ 双栏
主题按钮把十来个问题筛入均衡的双栏网格，每个主题都留在 HTML 里。基于 React 和 Tailwind：改个主题名就能上线。
- 02Pro
带支持卡片的 FAQ
一张常驻支持卡片撑住简介栏，展开的问题则填满你的品牌色。基于 React 和 Tailwind：把联系按钮接上你的渠道。
- 03Pro
精选问题 FAQ
一个最常被问到的问题独占满宽品牌色卡片，上方是四张永不折叠答案的图标卡片。基于 React 和 Tailwind：把你自己最重要的问题置顶。
- 04Pro
可筛选 FAQ 列表
一个连体分段控件在一个带边框的面板内筛选八行内容，每行都标有自己的分类。基于 React 和 Tailwind：改个主题标签就能上线。
- 05Pro
帮助中心 Bento 网格
Bento 图块把人引向帮助文章，而不是就地作答，上方是一个真实的搜索表单。基于 React 和 Tailwind：把表单指向你的搜索路由。
- 06Pro
插画 FAQ 面板
一块反色联系面板和一幅贴纸插画位于六行问题旁边，展开时会长出一条品牌色条纹。基于 React 和 Tailwind：换上你自己的插画。
- 07Pro
胶囊形 FAQ 双栏
两栏胶囊形问题行环绕一枚圆形徽章排成弧形，每个胶囊展开时都会变成方正的面板。基于 React 和 Tailwind：放在落地页 Hero 下方。
- 08Pro
可搜索 FAQ 分类
一个搜索框把四张分类卡片缩小到一个双栏网格，没有匹配结果时还有空状态提示。基于 React 和 Tailwind：粘贴进你自己的问题集即可。
- 09Pro
侧栏分类 FAQ
一个六分类侧栏切换旁边显示的答案，全部十三个答案都留在页面源码中。基于 React 和 Tailwind：把你的分类加进数组即可。
- 10Pro
双栏 FAQ 手风琴
一个行动号召固定在旁边，四行原生折叠问题无需任何客户端 JavaScript。基于 React 和 Tailwind：把按钮链接到你的帮助中心。