认证区块
登录与注册页面。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
Pro 源码
7 个区块
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
认证
7 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
插画风登录表单
登录表单把插画留在卡片外，下方是通栏的 Google 和 Apple 按钮。React 与 Tailwind 构建，接入你自己的路由即可。
- 02Pro
魔法链接注册表单
无密码注册：一个邮箱字段、一个发送按钮和条款说明，无需再想密码。React 与 Tailwind 构建的标记结构，接入你的邮件服务即可。
- 03Pro
极简登录卡片
纯色背景上只有两个必填字段和一个按钮，不含第三方登录，也没有客户端 JavaScript。React 与 Tailwind 打造，接入 action 即可上线。
- 04Pro
二维码登录表单
可扫码面板与常规邮箱密码登录并列，手机上已登录的账号可直接授权桌面端。React 与 Tailwind 打造，内置刷新按钮。
- 05Pro
带第三方登录的登录卡片
带彩色标题条的盒装登录卡片，含记住我选项，GitHub 与 Google 按钮位于分隔线下方。React 与 Tailwind 打造，适配任意容器。
- 06Pro
带密码检查清单的注册表单
注册表单的三条密码规则会随输入实时打勾，另含姓名字段与同意条款。React 与 Tailwind 打造，规则需与服务端保持一致。
- 07Pro
分屏登录表单
登录界面对半分割：第三方登录在上，邮箱密码在下，右侧是通栏插画。React 与 Tailwind 打造，替换成你自己的图片即可。