프로필블록
계정 프로필과 설정 화면. 네오브루탈리즘 스타일의 바로 쓰는 React UI 블록입니다. 히어로, 가격, 인증, 대시보드 등. 모든 화면 크기를 미리 보고, 코드를 복사하거나 MCP 서버를 통해 AI 에이전트로 설치할 수 있습니다. Radix UI, Base UI, React Aria와 함께 동작합니다.
- Hero, 가격 & 인증
- 모든 중단점을 미리 보기
- 소스 복사하기
- MCP 설치 준비 완료
- Radix · Base UI · React Aria
- 158 기성 블록
- 제공되는 페이지 섹션
- 대시보드 및 마케팅
- Pro 암호를 해제합니다
- 드롭인 레이아웃
모든 레이아웃 보기
프로필
9 블록 — 아무 카드나 클릭하여 전체 화면 미리보기, 코드 및 설치 단계 확인.
- 01Pro
계정 설정 프로필
자신의 프로필을 로그인 상태로 보는 화면: 소개와 스킬 패널, 활동 피드, 라벨이 있는 설정 스위치. React와 Tailwind: 토글을 연결하세요.
- 02Pro
개발자 프로필 대시보드
1년치 기여도가 52주짜리 히트맵으로 그려지고, 그 위에 숙련도 막대와 최근 활동 피드가 있습니다. React와 Tailwind: 여러분의 커밋 데이터를 넣으세요.
- 03Pro
대각선 커버 프로필 카드
커버 이미지가 각도로 잘리고 정사각형 아바타가 그 절단선을 뚫고 올라오며, 그 위에 수치 세 개가 있습니다. React와 Tailwind: 커버 아트를 바꾸세요.
- 04Pro
직원 기록 카드
이름이 아니라 직함으로 시작하며, 채워진 패널 위에 계약 세부 정보가 있고 그 위에 지표 타일 네 개가 있습니다. React와 Tailwind: 직원 명단을 만드세요.
- 05Pro
포트폴리오 프로필 히어로
페이지 맨 위를 여는 히어로 섹션. 두 줄의 대형 이름과 채용 문의 버튼, 풀 하이트 인물 사진으로 구성됩니다. React와 Tailwind: 오른쪽 칼럼에 본인 사진만 넣으면 됩니다.
- 06Pro
소셜 링크 프로필 카드
네 개의 정사각형 아이콘 링크가 핵심입니다. 브랜드 컬러로 테두리를 두른 인물 사진 아래, 투톤 카드 위에 놓입니다. React와 Tailwind: 링크만 각자 계정으로 연결하세요.
- 07Pro
소셜 프로필 헤더 카드
패턴이 있는 커버 배너에서 원형 아바타가 튀어나오고, Follow 버튼과 팔로워 수가 함께 놓입니다. React와 Tailwind: 프로필 라우트에 바로 넣으세요.
- 08Pro
별점 프로필 카드
단일 숫자로 결정되는 5개 중 4개 별 행이, 소개 문구와 세 가지 수치가 있는 브랜드 컬러 카드에 담깁니다. React와 Tailwind: 별점 상수만 수정하세요.
- 09Pro
와이드 인물 프로필 카드
옆의 텍스트에 맞춰 키가 자라는 세로형 인물 사진 카드: 직함, 세 가지 지표, Follow와 Connect. React와 Tailwind: 팀 그리드에 타일로 배치하세요.