Code Arena は月間 35,827,928 訪問、前月比成長率 +19.4%、料金体系無料を記録しています。CSSPicker は月間 19,800 訪問、成長率 -46.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.
| 項目 / 指標 | ![]() | |
|---|---|---|
| 公式ドメイン | arena.ai | csspicker.dev |
| 料金モデル | 無料 | フリーミアム |
| 月間訪問数 | 3582.79万 (35,827,928) | 1.98万 (19,800) |
| 前月比トラフィック増減 | +583.28万 (+19.4%) |
| -1.73万 (-46.6%) |
| 主要市場とシェア | 🇮🇳 インド (13.1%) | 🇮🇳 インド (13.3%) |
|---|
| 月間ダイレクト訪問数 | 2433.99万 | 7966 |
|---|
| ユーザー評価 | 4.7 | 4.1 |
|---|
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
|---|

Code Arena is a hands-on playground and leaderboard where you can pit leading AI coding models against each other on real web builds, comparing speed, accuracy, and logic in live side-by-side battles.
Send the same coding prompt to multiple leading models and compare their generated apps and logic side by side.
Watch models construct web apps and websites live, so you can see process and output, not just the final file.
Projects go beyond one-off snippets, testing how well a model structures components, routes, and styles together.
Track which coding models accumulate the most wins over time to identify consistently strong performers.
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エージェントで、ブランドに沿ったプロダクト体験を届ける
無料・オープンソース数百万の公開 SKILL.md エージェントスキルを検索・研究

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エージェントで、ブランドに沿ったプロダクト体験を届ける
コーディングエージェントに本当のデザインセンスを与える Agent Skills
無料・オープンソース数百万の公開 SKILL.md エージェントスキルを検索・研究
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サイトビルダー
Cursor 向けコミュニティ製プラグイン・ルール・MCP サーバーのハブ
特化型プロンプト・スケッチ・URLをFigma対応のUIデザインとコードに変換