카드블록
다양한 콘텐츠에 어울리는 카드 레이아웃. 네오브루탈리즘 스타일의 바로 쓰는 React UI 블록입니다. 히어로, 가격, 인증, 대시보드 등. 모든 화면 크기를 미리 보고, 코드를 복사하거나 MCP 서버를 통해 AI 에이전트로 설치할 수 있습니다. Radix UI, Base UI, React Aria와 함께 동작합니다.
- Hero, 가격 & 인증
- 모든 중단점을 미리 보기
- 소스 복사하기
- MCP 설치 준비 완료
- Radix · Base UI · React Aria
- 158 기성 블록
- 제공되는 페이지 섹션
- 대시보드 및 마케팅
- Pro 암호를 해제합니다
- 드롭인 레이아웃
모든 레이아웃 보기
카드
15 블록 — 아무 카드나 클릭하여 전체 화면 미리보기, 코드 및 설치 단계 확인.
- 01Pro

간단 피드백 설문 카드
약 30초 만에 끝나는 질문 세 개: 이메일 필드, 호버 시 미리보기 되는 별점 다섯 개, 코멘트 박스 하나. React와 Tailwind. 원하는 엔드포인트로 제출하세요.
- 02Pro

연락처와 평점 폼 카드
끝에 아이콘이 있는 연락처 필드 네 개를 평점보다 먼저 받고, 점수를 Poor에서 Excellent까지 말로 표현합니다. React와 Tailwind. CRM에 바로 연결하세요.
- 03Pro

카운트다운 쿠폰 카드
쿠폰 일러스트와 회전된 오퍼 스티커 아래에서 시·분·초 실시간 시계가 돌아갑니다. React와 Tailwind. 종료 날짜만 설정하고 배포하세요.
- 04Pro

강사 정보가 있는 강의 카드
사진 대신 코드 글리프 패널로 시작해 룰이 있는 통계 바와 강사 행이 Enrol now 위에 이어집니다. React와 Tailwind. 원하는 커리큘럼을 넣으세요.
- 05Pro

가격 배지가 있는 강의 카드
커버 사진과 본문 사이 이음매에 가격 배지가 걸쳐 있고, 그 아래 정사각형 아이콘 타일에 세 가지 통계가 있습니다. React와 Tailwind. 가격을 매기고 배포하세요.
- 06Pro

상세 설문 폼 카드
두 개의 제목이 붙은 섹션이 이름·이메일, 두 개의 선택창, 0~5 만족도 슬라이더, 별점, 코멘트를 모읍니다. React와 Tailwind. 긴 답변도 받으세요.
- 07Pro

할인 프로모 오퍼 카드
회전된 40퍼센트 스티커가 카피 절반을 고정하는 동안 전체 높이의 패션 사진이 나머지 절반을 채웁니다. React와 Tailwind. 숫자만 바꾸고 실행하세요.
- 08Pro

이모지 평점 피드백 카드
다섯 개의 이모지 얼굴이 Very poor에서 Loved it까지 라디오 타일로 동작하며, 240자에서 카운트다운되는 선택적 코멘트 박스가 있습니다. React와 Tailwind. 감정을 빠르게 파악하세요.
- 09Pro

인버트 프로필 카드
페이지와 항상 반대되는 반전된 잉크 표면: 정사각형 초상, 소개글, 가입일, 해시태그, 메일 버튼. React와 Tailwind. 소개 카드로 활용하세요.
- 10Pro

뉴스레터 가입 카드
아웃라인 일러스트 배너 아래 디스플레이 크기의 NEWSLETTER 제목과 하나로 이어진 이메일·구독 컨트롤. React와 Tailwind. 메일링 리스트에 연결하세요.
- 11Pro

수량 스테퍼가 있는 상품 카드
변경마다 안내되는 마이너스·플러스 스테퍼가 취소선 가격 옆에 있고, 그 위에 장바구니 담기 버튼이 있습니다. React와 Tailwind. 장바구니에 연결하세요.
- 12Pro

커버 배너가 있는 프로필 카드
정사각형 아바타가 온라인 점과 함께 커버 밴드 밖으로 반쯤 걸려 있고, 팔로우 버튼, 소개글, 스킬 태그가 있습니다. React와 Tailwind. 팀 그리드에 고정하세요.
- 13Pro

스플릿 뉴스레터 카드
45 대 55 분할: 한쪽에는 일러스트 패널, 다른 쪽에는 라벨이 붙은 이메일 필드와 전체 너비 구독 버튼. React와 Tailwind. 사이드바에 끼워 넣으세요.
- 14Pro

구독 요약 카드
인증서 배지가 체크된 네 개의 좌석 배분 위에 있고, 채워진 패널이 청구 금액과 다음 청구일을 말합니다. React와 Tailwind. 결제 완료 화면에 보여주세요.
- 15Pro

와이드 뉴스레터 카드
카피 절반, 포스터 아트워크 절반이 카드 가장자리까지 가득 채웁니다. 밑줄 친 소제목 아래 인라인 이메일 필드. React와 Tailwind. 구독자를 모으세요.