CSSPicker는 월간 방문 19,800, 전월 대비 성장률 -46.6%, 무료+유료 가격 모델을 기록합니다. Windframe는 월간 방문 23,909, 성장률 -24.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.
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.
| 항목 / 지표 | | |
|---|---|---|
| 공식 도메인 | csspicker.dev | windframe.dev |
| 가격 모델 | 무료+유료 | 유료 |
| 월간 방문 수 | 1.98만 (19,800) | 2.39만 (23,909) |
| 전월 대비 트래픽 변화량 | -1.73만 (-46.6%) | -7.9천 (-24.8%) |
| 주요 시장 및 점유율 | 🇮🇳 인도 (13.3%) | 🇺🇸 미국 (11.9%) |
| 월 직접 방문 수 | 7.97천 | 9.74천 |
| 사용자 평점 | 4.1 | 4.1 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
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.
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.
Start from an AI prompt or choose from over 1,000 professionally crafted Tailwind templates, with clean typography, spacing, and visual consistency as defaults.
Point, click, and tweak any element through a drag-and-drop interface with real-time updates for spacing, color, typography, and components.
Export clean, semantic code to React, Next.js, Vue, Nuxt, Angular, Svelte, Astro, SolidJS, Rails, or plain HTML with full TypeScript support.
Bring in existing Tailwind CSS sites, projects, and components, plus UI libraries like Tailwind UI, Flowbite, and daisyUI, and edit them visually.
편집 가능한 캔버스와 디자인 에이전트를 갖춘 프로용 웹사이트 빌더
팀과 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, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다
HTML과 Figma 내보내기를 지원하는 AI 랜딩 페이지 빌더
HTML과 Figma 내보내기를 지원하는 AI 랜딩 페이지 빌더
AI 지원과 무료 코드 내보내기를 갖춘 로우코드 웹사이트 빌더
호스팅·동기화·코드 추출이 가능한 에이전트형 AI 웹사이트 빌더
