인증블록
로그인과 회원가입 화면. 네오브루탈리즘 스타일의 바로 쓰는 React UI 블록입니다. 히어로, 가격, 인증, 대시보드 등. 모든 화면 크기를 미리 보고, 코드를 복사하거나 MCP 서버를 통해 AI 에이전트로 설치할 수 있습니다. Radix UI, Base UI, React Aria와 함께 동작합니다.
- Hero, 가격 & 인증
- 모든 중단점을 미리 보기
- 소스 복사하기
- MCP 설치 준비 완료
- Radix · Base UI · React Aria
- 158 기성 블록
- 제공되는 페이지 섹션
- 대시보드 및 마케팅
- Pro 암호를 해제합니다
- 드롭인 레이아웃
모든 레이아웃 보기
인증
7 블록 — 아무 카드나 클릭하여 전체 화면 미리보기, 코드 및 설치 단계 확인.
- 01Pro
일러스트 로그인 폼
일러스트를 카드 밖에 두고, 아래에는 전체 너비의 Google·Apple 버튼을 쌓은 로그인 폼. React와 Tailwind, 원하는 라우트에 연결하세요.
- 02Pro
매직 링크 회원가입 폼
비밀번호 없는 회원가입: 이메일 필드 하나, 전송 버튼, 약관 문구만 있어 비밀번호를 만들 필요가 없습니다. React와 Tailwind 마크업, 메일 서비스에 연결하세요.
- 03Pro
미니멀 로그인 카드
단색 캔버스 위 필수 필드 두 개와 버튼 하나, 공급자도 클라이언트 JavaScript도 없습니다. React와 Tailwind, action만 추가해 바로 배포하세요.
- 04Pro
QR 코드 로그인 폼
스캔 가능한 QR 패널이 일반 이메일·비밀번호 옆에 놓여, 이미 로그인된 휴대폰이 데스크톱을 인증합니다. React와 Tailwind, 새로고침 버튼 포함.
- 05Pro
소셜 로그인 카드
색이 있는 헤더 스트립, remember me, 구분선 아래 GitHub·Google 버튼이 있는 박스형 로그인 카드. 어떤 컨테이너에도 들어가는 React와 Tailwind.
- 06Pro
비밀번호 체크리스트 회원가입
비밀번호 규칙 세 가지가 입력하는 대로 실시간으로 체크되는 가입 폼, 이름 필드와 동의도 포함. React와 Tailwind, 규칙은 서버에서도 동일하게 검증하세요.
- 07Pro
스플릿 스크린 로그인 폼
정중앙에서 반으로 나뉜 로그인: 공급자가 먼저, 그 아래 이메일·비밀번호, 오른쪽에는 가장자리를 꽉 채운 아트워크. React와 Tailwind, 원하는 사진으로 교체하세요.