무료 웹디자인 에디터
회원가입 없이 바로 쓰고, 소스는 ZIP으로 받아 가세요
이 디자인 그대로 홈페이지로
10만원 제작 문의
에디터를 준비하고 있습니다…
에디터를 불러오지 못했습니다.
일시적인 오류일 수 있습니다. 새로고침해 주세요.
새로고침
⬡ 웹디자인 에디터
취소
재실행
삭제
복제
앞으로
뒤로
잠금
정렬
위치 정렬
균등 배치
그룹
해제
미리보기
내보내기
해상도:
Wide
PC
노트북
태블릿
모바일
숨김
초기화
팔레트
트리
히스토리
레이아웃
섹션
레이아웃(Div)
기본 요소
제목
소제목
작은글
단락
버튼
구분선
미디어
이미지박스
배경박스
영상박스
HTML
+
캔버스:
1500
px
x:0 y:0
속성
요소를 클릭하면
속성이 표시됩니다
위치 / 크기
X (left)
Y (top)
너비
높이
Z-Index
가로 고정
px 고정
기준
자동
왼쪽
가운데
오른쪽
여백 (Margin / Padding)
Margin
전체
Padding
전체
배경
배경색
배경 컬러 팔레트
✕ 배경색 제거 (투명)
투명도
1
BG 이미지
BG Size
기본
cover
contain
100%
BG Pos
기본
center
top
bottom
left
right
테두리
두께
스타일
없음
solid
dashed
dotted
double
색상
라운드
텍스트
폰트
기본
Noto Sans KR
Nanum Gothic
Nanum Myeongjo
Gothic A1
Do Hyeon
Jua
Roboto
Open Sans
Montserrat
Oswald
Raleway
Poppins
크기
색상
폰트 컬러 팔레트
굵기
기본
300 Light
400 Normal
500 Medium
700 Bold
900 Black
정렬
장식
줄간격
자간
변환
기본
UPPERCASE
lowercase
Capitalize
말줄임
기본
1줄 말줄임
2줄 말줄임
3줄 말줄임
그림자 / 필터
Box Shadow
박스
약한
중간
강한
제거
Text Shadow
텍스트
CSS Filter
블러
px
밝기
%
흑백
%
커서 / 트랜지션
Cursor
기본
pointer
default
text
move
not-allowed
grab
전환
레이아웃 (Flex)
Display
기본
block
flex
inline-block
none(숨김)
방향
기본
가로 (row)
세로 (column)
가로정렬
기본
좌
중앙
우
양끝
균등
세로정렬
기본
위
중앙
아래
늘리기
줄바꿈
기본
wrap
nowrap
Gap
Position
기본
relative
absolute
fixed
sticky
Overflow
기본
hidden
scroll
auto
visible
GSAP 애니메이션
효과
없음
fadeIn
fadeInUp
fadeInDown
fadeInLeft
fadeInRight
zoomIn
slideUp
slideLeft
flipX
bounceIn
elastic
지속(s)
지연(s)
트리거%
반복
한 번만
반복
이미지 / 영상 / 버튼 URL
URL / src
Target
_self (현재 창)
_blank (새 창)
이미지박스
→ 이미지 URL
영상박스
→ 유튜브 URL
버튼
→ 링크 URL + Target
ID / Class
ID
Class
커스텀 CSS
HTML 코드 편집
적용
선택:
없음
현재:
Wide (1500px)
Ctrl+Z/Y 취소/재실행 · Ctrl+C/V 복사/붙여넣기 · Shift+클릭 다중선택 · Del 삭제
코드 내보내기
완성본 다운로드
index.html + css/style.css + js/script.js
+ GSAP
— 압축을 풀고
index.html
을 더블클릭하면 바로 열립니다.
ZIP 다운로드
페이지 정보
(선택 — 검색·SNS 공유에 쓰입니다)
제목
설명
공유 이미지
파일명:
design.zip
index.html
css/style.css
js/script.js
붙여넣기용
index.html 복사
style.css 복사
script.js 복사
HTML
HTML 복사
생성된 CSS
CSS 복사
GSAP 애니메이션 코드
GSAP 복사
반응형 미리보기
전체
1500
1200
992
768
576
375
100%
📐 스냅 8px
텍스트 편집
그룹 만들기
복제
Ctrl+D
맨 앞으로
맨 뒤로
잠금
삭제
Del
HTML 편집
취소
저장