DOM에서 React · Vue · Svelte로
웹 페이지를 React + Tailwind
코드로 변환
크롬 확장 프로그램으로 어떤 웹 페이지 요소든 클릭 한 번에 깔끔한 React 컴포넌트로 변환하세요. DOM 분석 + AI 코드 생성으로 픽셀 퍼펙트 결과를 얻을 수 있습니다.
왜 Codelifter인가?
단순 스크린샷 분석이 아닌 실제 DOM 구조를 기반으로 정확한 코드를 생성합니다.
DOM + AI 하이브리드
실제 렌더된 DOM을 분석해 정확한 HTML 구조를 파악하고, Qwen이 전처리 후 Claude가 최종 React 코드를 생성합니다.
CSS 애니메이션 지원
keyframes, transitions, Web Animations API를 모두 감지하여 CSS Modules 또는 Tailwind animate 형태로 변환합니다.
온디바이스 AI
Chrome의 내장 Gemini Nano를 활용해 DOM 요소를 로컬에서 분류합니다. 인터넷 없이도 기본 변환이 가능합니다.
3단계로 완성
복잡한 설정 없이 즉시 시작할 수 있습니다.
01
확장 설치
Chrome 웹스토어에서 무료로 설치합니다.
02
요소 선택
변환하고 싶은 웹 페이지 요소를 클릭합니다.
03
코드 복사
AI가 생성한 React 컴포넌트를 바로 사용합니다.
에디터에서 바로 사용하기
복사-붙여넣기를 건너뛰세요. AI 코딩 도구에서 Codelifter를 직접 연결하세요.
요금제 — Free 와 Pro
지금은 Free 플랜으로 모든 기본 기능을 체험할 수 있습니다.
곧 출시
₩18,900/월
Pro
70회/월
- 전체 페이지 + 요소 변환
- 월 70회 변환
- React + Tailwind CSS 출력
- CSS 애니메이션 변환
- Qwen 전처리 포함
- 우선 지원