새 프로젝트

내보내기 유형
위젯 라이브러리
썸네일이 있으면 목록에 표시됩니다. 항목 클릭 시 아래에 확대 이미지 미리보기가 열립니다. 다시 클릭하면 닫힙니다. 드래그로 배치할 수 있어요.
[body] 공통: 여백 (Spacer)
[body] CTA: #1 (코드자카)
[body] 카드: 그리드 #1 (코드자카)
[body] 카드: 그리드 #2 (코드자카)
[body] 카드: 그리드 #3 (코드자카)
[body] 카드: 그리드 #4 (코드자카)
[body] 카드: 그리드 #5 (코드자카)
[body] 카드: 그리드 #6 (코드자카)
[body] 카드: 그리드 #7 (코드자카)
[body] 카드: 리스트 #1 (코드자카)
[body] 카드: 리스트 #2 (코드자카)
[body] 카드: 목록 #3 (코드자카)
[body] 카드: 리스트 #4 (코드자카)
[body] 카드: 리스트 #5 (코드자카)
[body] 카드: 리스트 #6 (코드자카)
[body] 고객사: #1 (코드자카)
[body] 고객사: #2 (코드자카)
[body] 고객사: #3 (코드자카)
[body] 고객사: #4 (코드자카)
[body] 댓글: #1 (코드자카)
[body] 본문 콘텐츠: Sticky 소셜 + 롱폼 (content-sections #1)
[body] 본문 콘텐츠: Sticky 사이드바 + 세로 내비 (content-sections #2)
[body] 본문 콘텐츠: 브레드크럼 + 2단 본문 (content-sections #3)
[body] 본문 콘텐츠: 케이스 상단 + 리스트 (content-sections #4)
[body] 본문 콘텐츠: 스펙 목록 + 케이스 스터디 (content-sections #5)
[body] 본문 콘텐츠: Sticky 목차 + 본문 (content-sections #6)
[body] 본문 콘텐츠: 정책·약관 카드 (content-sections #7)
[body] 본문 콘텐츠: 인용 + 타임라인형 본문 (content-sections #8)
[footer] 푸터: 다크 (코드자카 컴포넌트 #1)
[footer] 푸터: 심플 컨테이너 (코드자카 컴포넌트 #2)
[footer] 문의 섹션: #1 (코드자카)
[body] 기능: 일반 #1 (코드자카)
[body] 기능: 일반 #2 (코드자카)
[body] 기능: 일반 #3 (코드자카)
[body] 기능: 일반 #4 (코드자카)
[body] 기능: 일반 #5 (코드자카)
[body] 기능: 일반 #6 (코드자카)
[body] 기능: 일반 #7 (코드자카)
[body] 기능: 일반 #8 (코드자카)
[body] 기능: 일반 #9 (코드자카)
[body] FAQ: #1 (코드자카)
[body] 기능: 통계 #1 (코드자카)
[body] 기능: 통계 #2 (코드자카)
[body] 기능: 내비게이션 #1 (코드자카)
[body] 갤러리: #1 (코드자카)
[body] 갤러리: #2 (코드자카)
[body] 블로그: 아티클
[body] 블로그: 모던
[body] 랜딩: 비즈니스
[body] 랜딩: 컨설팅
[body] 랜딩: 기업형
[body] 랜딩: SaaS
[body] 랜딩: 서비스
[body] 페이지: 소개
[body] 페이지: 채용 정보
[body] 페이지: 커밍순
[body] 페이지: 고객 성공 사례
[body] 페이지: 고객 센터
[body] 페이지: 문의하기
[body] 포트폴리오: 사례 연구
[body] 포트폴리오: 모던
[body] 아이콘 블록: #1 (코드자카)
[body] 아이콘 블록: #2 (코드자카)
[body] 아이콘 블록: #3 (코드자카)
[body] 아이콘 블록: #4 (코드자카)
[body] 아이콘 블록: #5 (코드자카)
[body] 아이콘 블록: #6 (코드자카)
[body] 아이콘 블록: #7 (코드자카)
[body] 오시는길: 지도 + 정보 카드 (좌 8 / 우 4)
[body] 오시는길: 풀폭 지도 + 4컬럼 정보 (주소/전화/이메일/시간)
[body] 오시는길: 정보 좌측 + 지도 우측 (4 / 8)
[body] 오시는길: 풀폭 지도 + 교통편 3컬럼 (자가용/대중교통/주차)
[header] 내비게이션 바: 기본
[body] 프로필: #1 (코드자카)
[body] 프로필: #2 (코드자카)
[body] 가격 책정: #1 (코드자카)
[body] 가격 책정: #2 (코드자카)
[body] 예약: 캘린더 + 프리미엄 사이트 카드 (좌우 split)
[body] 예약: 캘린더 + 요약 카드 + 사이트 그리드 3종
[body] 예약: 체크인/체크아웃 검색바 + 사이트 카드 3종
[body] 기능: 단계 #1 (코드자카)
[body] 기능: 2단계 (코드자카)
[body] 기능: 3단계 (코드자카)
[body] 팀: 섹션 #1 (코드자카)
[body] 고객 후기: #1 (코드자카)
[body] 사용자 후기: #2 (코드자카)
[body] 고객 후기: #3 (코드자카)
[body] 고객 후기: #4 (코드자카)
[body] 고객 후기: #5 (코드자카)
[body] 고객 후기: #6 (코드자카)
미리보기

좌측 라이브러리에서 블록을 끌어 배치합니다. 미리보기 안의 텍스트는 클릭해 바로 수정할 수 있으며, 저장 시 프로젝트 JSON에 반영됩니다. 블록을 라이브러리 쪽으로 끌면 삭제됩니다.

상단 도구 메뉴에서 AI 일괄 번역·문구 재작성을 요청할 수 있습니다(Google Gemini, settings.jsongemini_api_key).

헤더 위젯 · Static: Ctrl+클릭(Mac: Cmd+클릭)으로 요소를 선택하면 툴바에서 삭제·메뉴·드롭다운을 추가할 수 있습니다. 버튼·진한 버튼은 로그인/회원가입이 있는 우측(CTA)에만 추가됩니다.

왼쪽/오른쪽 이동은 CTA 영역 또는 1차 메뉴에서 빌더로 추가한 항목 안에서만 동작합니다. Dynamic 모드에서는 라이믹스 연동을 위해 구조 편집이 비활성화됩니다.

Header
Body
Footer