온보딩블록
사용자 온보딩 플로우와 환영 화면. 네오브루탈리즘 스타일의 바로 쓰는 React UI 블록입니다. 히어로, 가격, 인증, 대시보드 등. 모든 화면 크기를 미리 보고, 코드를 복사하거나 MCP 서버를 통해 AI 에이전트로 설치할 수 있습니다. Radix UI, Base UI, React Aria와 함께 동작합니다.
- Hero, 가격 & 인증
- 모든 중단점을 미리 보기
- 소스 복사하기
- MCP 설치 준비 완료
- Radix · Base UI · React Aria
- 158 기성 블록
- 제공되는 페이지 섹션
- 대시보드 및 마케팅
- Pro 암호를 해제합니다
- 드롭인 레이아웃
모든 레이아웃 보기
온보딩
6 블록 — 아무 카드나 클릭하여 전체 화면 미리보기, 코드 및 설치 단계 확인.
- 01Pro
비즈니스 프로필 설정 폼
파일을 그 자리에서 미리보기하는 로고 드롭퍼가 있는 온보딩 단계로, 이름, 웹사이트, 설명 필드가 옆에 있습니다. React와 Tailwind, 멀티파트로 제출.
- 02Pro
통합 연결 그리드
아홉 개의 통합 카드의 연결 버튼이 회전하다가 Connected 배지로 안착하며, 위에 카운터가 있습니다. React와 Tailwind, 스텁을 실제 OAuth로 바꾸세요.
- 03Pro
4단계 설정 마법사
Back과 Next가 있는 번호 매겨진 단계 레일, 화면 밖 단계의 답변도 계속 제출되도록 하는 숨겨진 입력창. 첫 실행 설정을 위해 React와 Tailwind로 만들어짐.
- 04Pro
팀원 초대 패널
전체 루프를 아우르는 초대 패널: 검증되는 이메일 폼, 재전송과 취소가 있는 대기 목록, 멤버 명단. React와 Tailwind에 로컬 상태가 연결됨.
- 05Pro
개인 프로필 설정 폼
탭 가능한 칩, 역할과 경력을 위한 실제 라디오, 관심사 체크박스 여덟 개로 만들어진 프로필 단계. React와 Tailwind, 키보드 동작 포함.
- 06Pro
세로형 온보딩 단계
제자리에서 펼쳐져 미리 읽을 수 있는 네 개의 쌓인 행, 체크 표시와 다음 단계 이름을 담은 Continue. React와 Tailwind 온보딩 체크리스트.