21st.dev
AI 앱 빌더 · 부분유료
팀의 취향을 반영한 제품을 AI의 도움으로 제작
한눈에 보기
- 만든 곳
- 21st Labs, Inc.
- 한국어
- 없음(영어 등만)
- 쓸 수 있는 곳
- 웹, CLI
21st.dev는 어떤 AI인가요?
21st는 디자인 엔지니어들이 만든 React 컴포넌트, 전체 템플릿, shadcn 테마, 셰이더, 그라디언트를 모은 커뮤니티 카탈로그다. 사용자는 컴포넌트를 둘러보고 실시간 미리보기를 한 뒤, AI용 프롬프트를 복사해 Cursor·Claude Code·v0·Lovable 같은 AI 도구에 붙여 넣어 자기 코드베이스에 넣는다. 코드는 패키지로 설치되는 것이 아니라 저장소에 복사되어 사용자가 직접 소유·수정한다. shadcn CLI 설치 명령도 제공하며, 누구나 자기 컴포넌트를 올리고 템플릿 작성자는 직접 판매할 수 있다. 유료 애드온인 21st AI로 UI를 생성·다듬을 수 있다.
- 1만 2천 개 이상의 React 컴포넌트·템플릿·shadcn 테마 탐색과 실시간 미리보기
- 컴포넌트마다 AI용 프롬프트 복사 → Claude Code·Codex·Lovable 등에 붙여 넣어 설치
- shadcn CLI 설치 명령 제공(shadcn 레지스트리 형식)
- MCP·CLI로 컴포넌트 검색·코드 가져오기
- 북마크 목록(개인·팀 공유)
- 누구나 컴포넌트 게시, 템플릿 작성자 직접 판매
- 21st AI: 여러 AI 모델 비교 생성(Sketch), React 코드 모드와 실시간 샌드박스
- Design Bug Bot: PR 디자인 리뷰와 수정 코드 제안
21st.dev, 이런 사람·일에 써요
- AI 코딩 도구를 쓰는 개발자가 완성된 UI 컴포넌트를 자기 프로젝트에 빠르게 넣기
- 에이전시·팀이 공유 컬렉션과 비공개 팀 컴포넌트로 UI 자산 관리
- 디자인 엔지니어가 자기 컴포넌트를 게시하고 템플릿을 판매
가격
무료로 쓸 수 있는 범위 — 있음 (전체 둘러보기 무료, 하루 2번 무료 컴포넌트 복사, Design Bug Bot 무료 리뷰 5회)
| 요금제 | 가격 | 주요 한도 |
|---|---|---|
| Builder | $6 | 무제한 코드·프롬프트 복사, MCP·CLI 설치 무제한, AI 크레딧 없음 |
| Builder + AI | $15 | 월 AI 크레딧 500~2,000, 추가 100크레딧 $5(이월) |
| Team | $7.5 | 2~50석, 중앙 결제·공유 컬렉션·관리자 기능, AI 크레딧은 선택 |
공식 페이지에서 확인한 내용(확인일 2026-10-14). 요금·기능은 바뀔 수 있으니 결제 전 공식 사이트에서 다시 확인하세요. · 공식 요금 페이지
21st.dev와 비슷한 AI (대안)
21st.dev와 대안 한눈에 비교
AI 갤럭시 지도에서 본 21st.dev
- AI 앱 빌더 분야 AI 41개 가운데 하나예요.
- 다른 도구와 연결된 수 20개 — 같은 분야에서 1위예요.
자주 묻는 질문
21st.dev, 무료로 쓸 수 있나요?
있음 (전체 둘러보기 무료, 하루 2번 무료 컴포넌트 복사, Design Bug Bot 무료 리뷰 5회). 요금제: Builder $6, Builder + AI $15, Team $7.5. 공식 페이지 확인일 2026-10-14 기준이며, 결제 전 공식 사이트에서 다시 확인하세요.
21st.dev 대신 쓸 수 있는 AI는?
같은 일을 하는 도구로 a0, Anything, Aura, Base44 등이 지도에 연결돼 있어요.
21st.dev, 한국어로 쓸 수 있나요?
공식 페이지 기준: 없음(영어 등만).
출처(공식 페이지)
공식 페이지에서 확인한 내용(확인일 2026-10-14). 요금·기능은 바뀔 수 있으니 결제 전 공식 사이트에서 다시 확인하세요.