자주 묻는 질문블록
자주 묻는 질문과 답변. 네오브루탈리즘 스타일의 바로 쓰는 React UI 블록입니다. 히어로, 가격, 인증, 대시보드 등. 모든 화면 크기를 미리 보고, 코드를 복사하거나 MCP 서버를 통해 AI 에이전트로 설치할 수 있습니다. Radix UI, Base UI, React Aria와 함께 동작합니다.
- Hero, 가격 & 인증
- 모든 중단점을 미리 보기
- 소스 복사하기
- MCP 설치 준비 완료
- Radix · Base UI · React Aria
- 158 기성 블록
- 제공되는 페이지 섹션
- 대시보드 및 마케팅
- Pro 암호를 해제합니다
- 드롭인 레이아웃
모든 레이아웃 보기
자주 묻는 질문
10 블록 — 아무 카드나 클릭하여 전체 화면 미리보기, 코드 및 설치 단계 확인.
- 01Pro
카테고리별 FAQ 열
주제 버튼이 열두 개의 질문을 균형 잡힌 2열 그리드로 필터링하며, 모든 주제가 HTML에 그대로 남습니다. React와 Tailwind, 주제명만 바꿔 배포하세요.
- 02Pro
지원 카드가 있는 FAQ
고정된 지원 카드가 소개 영역을 받치고, 펼쳐진 질문은 브랜드 색상으로 채워집니다. React와 Tailwind로 문의 버튼만 연결하면 됩니다.
- 03Pro
대표 질문 FAQ 카드
가장 많이 묻는 질문 하나를 브랜드 색상의 전체 너비 카드로 강조하고, 아래에 답변이 접히지 않는 아이콘 카드 네 개를 배치합니다. React와 Tailwind로 대표 질문만 바꾸세요.
- 04Pro
필터 가능한 FAQ 목록
하나로 이어진 세그먼트 컨트롤이 하나의 테두리 패널 안에서 여덟 개 행을 필터링하며, 각 행에는 카테고리 태그가 붙습니다. React와 Tailwind로 주제 라벨만 바꾸면 됩니다.
- 05Pro
헬프 센터 벤토 그리드
벤토 타일이 그 자리에서 답하는 대신 실제 검색 폼 아래에서 도움말 문서로 사람들을 안내합니다. React와 Tailwind로 폼을 검색 경로에 연결하세요.
- 06Pro
일러스트 FAQ 패널
반전된 문의 패널과 스티커 일러스트가 열리면 브랜드 색 줄무늬가 생기는 여섯 개 행 옆에 자리합니다. React와 Tailwind로 원하는 아트워크로 바꾸세요.
- 07Pro
필 모양 FAQ 컬럼
두 개의 필 모양 행 열이 원형 배지 주위를 둥글게 감싸고, 각 필은 열리면서 각진 패널이 됩니다. React와 Tailwind로 랜딩 페이지 히어로 아래에 배치하세요.
- 08Pro
검색 가능한 FAQ 카테고리
검색 필드가 카테고리 카드 네 개를 2열 그리드로 좁혀 주며, 일치하는 항목이 없을 때는 빈 상태를 보여줍니다. React와 Tailwind로 질문 세트만 붙여 넣으세요.
- 09Pro
사이드바 카테고리 FAQ
여섯 개 카테고리 사이드바가 옆의 답변을 바꿔주며, 열세 개 답변이 모두 페이지 소스에 남습니다. React와 Tailwind로 배열에 카테고리만 추가하세요.
- 10Pro
2단 FAQ 아코디언
행동 유도 버튼이 클라이언트 자바스크립트가 필요 없는 네이티브 disclosure 행 네 개 옆에 고정됩니다. React와 Tailwind로 버튼을 헬프 센터에 연결하세요.