CSSPicker 每月有 19,800 次造訪,月增率 -46.6%,定價模式為免費增值。IMG2HTML 每月有 32,471 次造訪,成長率 +52.6%,定價模式為免費試用、付費。
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.
| 面向/指標 | ![]() | |
|---|---|---|
| 官方網域 | csspicker.dev | img2html.com |
| 定價模式 | 免費增值 | 免費試用、付費 |
| 每月造訪次數 | 1.98萬 (19,800) | 3.25萬 (32,471) |
| 月流量變化量 | -1.73萬 (-46.6%) | +1.12萬 (+52.6%) |
| 主要市場與市佔 | 🇮🇳 印度 (13.3%) | 🇺🇸 美國 (27.4%) |
| 每月直接造訪 | 7966 | 1.29萬 |
| 使用者評分 | 4.1 | 4 |
| 支援平台 | 網站 | 網站 |
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
上傳 PNG、JPG、WebP、GIF 或 BMP 格式的截圖、設計稿或設計匯出檔,即可取得一份使用 Tailwind CSS 的可編輯 HTML 檔。
不必重新生成設計,即可在純 HTML、行內 CSS、React、Vue 或 Angular 之間切換輸出格式。
用自然語言提出版面與樣式調整,或於匯出前直接在編輯器裡手動修改程式碼。
擷取線上網頁的任何區塊並直接送入轉換器,不必先手動存截圖。

讓團隊與 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.
兼具 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.