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만 | 7.97천 |
|---|
| 사용자 평점 | 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.
특화 강점스크린샷과 PDF, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다

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.
특화 강점스크린샷과 PDF, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다
AI 지원과 무료 코드 내보내기를 갖춘 로우코드 웹사이트 빌더
특화 강점호스팅·동기화·코드 추출이 가능한 에이전트형 AI 웹사이트 빌더
Cursor를 위한 커뮤니티 플러그인·규칙·MCP 서버 허브