个人资料区块
账号资料与设置页面。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
Pro 源码
9 个区块
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
个人资料
9 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
账户设置个人主页
已登录用户查看自己资料的视图:关于与技能面板、动态列表和带标签的设置开关。基于React与Tailwind,接入开关状态即可。
- 02Pro
开发者主页仪表盘
一整年的贡献记录以52周热力图呈现,配技能水平条与近期动态列表。基于React与Tailwind,可接入自己的提交数据。
- 03Pro
斜切封面个人卡片
封面图以斜角切开,方形头像从切口处向上突出,下方是三项数据统计。基于React与Tailwind,可直接更换封面图。
- 04Pro
员工档案卡片
以职位而非姓名开场,填色面板列出合同信息,下方是四个指标方块。基于React与Tailwind,适合搭建员工名录。
- 05Pro
作品集主视觉区块
整页顶部主视觉区块：超大两行姓名、雇用我系列按钮与通栏人像照片。基于 React 与 Tailwind：把你自己的照片放进右侧栏即可。
- 06Pro
社交链接资料卡
四个方形图标链接才是重点：厚黄色描边环绕的头像，配双色调卡片背景。基于 React 与 Tailwind：把链接指向你自己的账号。
- 07Pro
社交资料页头卡
带图案的封面横幅，圆形头像从中突破而出，配关注按钮和关注者数量。基于 React 与 Tailwind：直接放到资料页路由上即可。
- 08Pro
星级评分资料卡
由单一数字驱动的五星制四星评分行，配一句简介和三项数据，卡片整版填充品牌色。基于 React 与 Tailwind：只需修改评分常量。
- 09Pro
宽幅人像资料卡
横版卡片，通高人像照会随旁边文案一起变化：职位、三项指标、关注和建立联系按钮。基于 React 与 Tailwind：可平铺进团队网格里。