Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.
CSSPicker 每月有 19,800 次造訪,月增率 -46.6%,定價模式為免費增值。Stitch 每月有 4,725,324 次造訪,成長率 -13.9%,定價模式為免費增值。
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 | stitch.withgoogle.com |
| 定價模式 | 免費增值 | 免費增值 |
| 每月造訪次數 | 1.98萬 (19,800) | 472.53萬 (4,725,324) |
| 月流量變化量 | -1.73萬 (-46.6%) | -76.03萬 (-13.9%) |
| 主要市場與市佔 | 🇮🇳 印度 (13.3%) | 🇮🇳 印度 (18.8%) |
| 每月直接造訪 | 7966 | 240.03萬 |
| 使用者評分 | 4.1 | 4.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.

Google 出品的 AI 工具,用提示詞產生行動端與網頁介面設計
用自然語言描述應用介面,Stitch 會產生多個完整 UI 設計,涵蓋行動端與網頁版面。
上傳草圖、截圖或既有介面,Stitch 會給出與之對應的設計解讀。
透過追加提示迭代調整版面、配色主題與元件,無須從頭再來。
藉由適合設計與開發交接的匯出方式,把產生的設計推進到實作階段。
Builds full-stack web applications from natural language, moving further into functional app development than standard UI design tools.

讓團隊與 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.
能從提示詞快速產生可直接用於寫程式的 UI 元件,但缺乏進階的多畫面使用者流程管理功能。