英雄区区块
吸睛的落地页英雄区。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
Pro 源码
8 个区块
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
英雄区
8 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
工作室 Hero 人像抠图版
超大品牌名与硬色偏移主导这张深色面板，搭配客户头像行与角落人像抠图。基于 React 和 Tailwind，主打工作室调性。
- 02Pro
公告发布 Hero
淡出的方格纸网格衬托居中式发布标题、波浪下划线与两个按钮。基于 React 和 Tailwind，适合还没有截图可展示的场合。
- 03Pro
居中式作品集 Hero
一张宽幅裁切人像紧贴底部分隔线，上方是居中问候语、倾斜标题词与一个按钮。基于 React 和 Tailwind，让首屏属于你自己。
- 04Pro
设计师 Hero（带社会认同）
抠图人像统领整个面板，客户数量与按钮同排出现，第一人称文案的 React 与 Tailwind Hero，卖的是人而非品牌。
- 05Pro
邮件订阅 Hero
唯一的转化动作是一个带标签的邮箱字段与订阅按钮，旁边是订阅人数与纸飞机插画。基于 React 和 Tailwind，专注涨粉。
- 06Pro
产品发布 Hero（倾斜相框）
带边框的旋转色块像贴纸一样衬在产品照片背后，旁边是徽标与购买、演示按钮。基于 React 和 Tailwind，专为单一产品打造。
- 07Pro
分栏式作品集 Hero
文案与抠图照片并排放置，让作品保持在首屏内，配一个倾斜关键词与一个按钮。基于 React 和 Tailwind，只提一个请求。
- 08Pro
分栏式 SaaS Hero
用四步构建日志与耗时取代截图填充右侧面板，旁边是发布徽标与两个按钮。基于 React 和 Tailwind，展示的是流程本身。