
무료 / 오픈소스팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요
무료 / 오픈소스팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요
CSSPicker는 월간 방문 19,800, 전월 대비 성장률 -46.6%, 무료+유료 가격 모델을 기록합니다. Heatbot.io는 월간 방문 0, 성장률 0%, 유료 가격 모델을 기록합니다.
| 항목 / 지표 | ![]() | |
|---|---|---|
| 공식 도메인 | csspicker.dev | heatbot.io |
| 가격 모델 | 무료+유료 | 유료 |
| 월간 방문 수 | 1.98만 (19,800) | 0 (0) |
| 전월 대비 트래픽 변화량 | -1.73만 (-46.6%) | 0 (0%) |
| 주요 시장 및 점유율 | 🇮🇳 인도 (13.3%) | 🌐 글로벌 (—) |
| 월 직접 방문 수 | 7.97천 | 0 |
| 사용자 평점 | 4.1 | 3.8 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
A browser extension extracts clean HTML and CSS from any element on a live page and converts it into Tailwind, React, or your chosen framework.
Upload a UI design or screenshot and get responsive, structured front-end code back in seconds.
Generate production-ready React components or complete HTML pages and email templates from text prompts, with Tailwind, Bootstrap, or vanilla CSS support.
Refine generated components conversationally and preview edits in real time inside an interactive code editor.

히트맵 데이터를 AI 생성 웹사이트 리디자인으로 전환
웹사이트 스크린샷과 대응 히트맵 이미지를 업로드하면 실제 사용자 행동 데이터에 근거한 개선판 HTML, CSS, JavaScript를 받습니다.
전환율, 접근성, 시각적 복잡도 같은 개선 목표를 라이브러리에서 고르거나 유료 요금제에서 직접 프롬프트로 지정할 수 있습니다.
순수 CSS는 물론 Bootstrap, Tailwind CSS 등 주요 프레임워크 스타일을 생성하고 Pro에서는 React, Vue, Svelte 컴포넌트도 출력합니다.
코드와 함께 각 인터페이스 변경의 근거를 설명하는 상세 보고서를 생성합니다.

무료 / 오픈소스팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요
무료 / 오픈소스팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요

무료 / 오픈소스Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
무료 / 오픈소스Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
특화 강점스크린샷과 PDF, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다
특화 강점스크린샷과 PDF, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다
무료 / 오픈소스채팅 프롬프트로 비즈니스 웹사이트를 완성하는 AI 웹 빌더
무료 / 오픈소스Figma 파일과 URL, 프롬프트를 실제 앱으로 바꾸는 디자인 이해형 AI 에이전트
무료 / 오픈소스AI 지원과 무료 코드 내보내기를 갖춘 로우코드 웹사이트 빌더

무료 / 오픈소스호스팅·동기화·코드 추출이 가능한 에이전트형 AI 웹사이트 빌더
무료 / 오픈소스호스팅·동기화·코드 추출이 가능한 에이전트형 AI 웹사이트 빌더

무료 / 오픈소스Windframe is an AI-powered visual builder for Tailwind CSS that lets you design pages visually and export production-ready code for React, Vue, Svelte, Angular, or plain HTML.
무료 / 오픈소스Windframe is an AI-powered visual builder for Tailwind CSS that lets you design pages visually and export production-ready code for React, Vue, Svelte, Angular, or plain HTML.
무료 / 오픈소스AI로 웹사이트를 리디자인 — URL만 붙여넣으면 무한한 시안