团队区块
展示团队成员与管理层。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
团队
11 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
色块团队卡片
每人一块通高纯色面板，抠图人像立于其上，下方是姓名、职位、简介和社交按钮。React 与 Tailwind——可重新排列调色顺序。
- 02Pro
四列团队卡片
品牌色卡片四列并排，人像直接立在填充色上、没有边框，社交按钮固定在底边。React 与 Tailwind——添加四位负责人即可。
- 03Pro
通栏团队展示带
通栏满版的深色带子配浅色侧边留白，容纳三张紧贴拼接的卡片，让区块打断页面节奏。React 与 Tailwind——用来分隔长页面。
- 04Pro
悬停展开团队网格
悬停或键盘聚焦时简介覆盖到照片上，姓名和职位始终留在底板上，每张瓷砖都是链接。React 与 Tailwind——为每份资料添加链接。
- 05Pro
插画头像团队条
用插画头像代替真人照片，以横贯全页边框的条带排布，不带社交链接。React 与 Tailwind——替换成你自己的矢量图。
- 06Pro
照片瓷砖团队网格
通栏出血人像瓷砖，卡片浮在每张照片底部，承载姓名、职位、简介和链接。React 与 Tailwind——用你的摄影作品来填充。
- 07Pro
错落人像团队墙
固定宽度的人像瓷砖排成可换行的一行，每隔一个下移，让顶部边缘在色块背景上呈锯齿状。React 与 Tailwind——保持人数为奇数。
- 08Pro
带社交栏的团队卡片
站立式抠图人像立于色块之上，下方是职位徽章和简介，底部是分成等份的社交栏。React 与 Tailwind——适合用在关于页面。
- 09Pro
团队社交链接卡片
完全没有简介：方形头像、姓名、职位和五个平台组成的社交行，每张卡片都是一个联系入口。React 与 Tailwind——粘贴进账号即可。
- 10Pro
团队名录卡片
每个人都以两个操作收尾：查看资料和发送消息，旁边是圆形头像和一行说明。React 与 Tailwind——接入 mailto 链接。
- 11Pro
双列团队名单
这里最密集的布局：人像旁边是逐词换行的姓名，用双斜线标记职位和简介，整体收拢进一个框里。React 与 Tailwind——成对添加成员。