新手引导区块
用户引导流程与欢迎页面。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
Pro 源码
6 个区块
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
新手引导
6 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
企业资料设置表单
带即时预览的 Logo 上传区，配合企业名称、网址和简介字段，构成这款引导流程表单。React 与 Tailwind 打造，以 multipart 方式提交。
- 02Pro
连接集成工具网格
九张集成工具卡片，连接按钮先转圈再变为 Connected 徽章，上方带计数器。React 与 Tailwind 打造，把模拟逻辑换成真实 OAuth 即可。
- 03Pro
四步骤设置向导
编号步骤条搭配 Back 和 Next 按钮，隐藏输入框确保离屏步骤的答案依然会一起提交。React 与 Tailwind 打造，适合首次登录引导。
- 04Pro
团队成员邀请面板
一个面板覆盖整套邀请流程：带校验的邮箱表单、可重发或取消的待处理列表、以及成员名单。React 与 Tailwind 打造，本地状态已接好。
- 05Pro
个人资料设置表单
几乎完全由可点选卡片构成的资料页，角色和经验用真实单选按钮，加八个兴趣多选框。React 与 Tailwind 打造，含完整键盘操作。
- 06Pro
纵向引导步骤列表
四行堆叠的步骤可原地展开、提前查看后续内容，带对勾标记，Continue 按钮会直接说出下一步的名称。React 与 Tailwind 打造的引导清单。