21st는 어떤 상황에서 사용하나요?

21st는 Cursor·Windsurf 내 자연어 기반 초고속 UI 프로토타이핑, shadcn/ui 프로젝트에 고품질 컴포넌트 즉시 복사·붙여넣기, 고급 애니메이션이 포함된 AI 채팅 인터페이스 구축 등의 상황에서 활용할 수 있습니다.

21st의 주요 기능은 무엇인가요?

21st의 핵심 기능으로는 Magic MCP: Cursor·Windsurf·VSCode에서 자연어로 UI 즉시 생성, 40개 이상 카테고리의 커뮤니티 React 컴포넌트 라이브러리, shadcn/ui 및 Tailwind CSS 완벽 호환 등이 있습니다.

21st

shadcn/ui 기반으로 제작된 수천 개의 UI 컴포넌트를 검색하고 복사해 바로 사용할 수 있는 개발자 플랫폼

부분 무료WebAPI오픈소스LLM 기반

웹사이트 방문하기21st.dev

검증된 사실

GitHub: ★ 5,250
최근 변경: 2026-05-25 AI 에이전트 전용 '컴포넌트 라이브러리(Component Libraries)' 기능 정식 출시: 개발자가 터미널에서 직접 컴포넌트를 비공개로 배포하고 에이전트가 이를 즉시 설치해 사용할 수 있도

2026-06-15 직접 확인 · 자동 검증 데이터

제품 화면

2026-06-15 확인

가격 정보

부분 무료시작 가격: Free / $20/mo (Pro)

무료 플랜은 월 5개의 토큰을 제공하여 기본적인 컴포넌트 활용이 가능합니다. Pro 플랜은 월 $20(연간 결제 시 월 $16)로 월 50개의 토큰을 제공하며, AI 컴포넌트 생성(1토큰) 및 프리미엄 라이브러리 잠금 해제(5토큰)에 사용할 수 있습니다. 리액트 및 테일윈드 기반의 디자인 엔지니어를 위한 컴포넌트 마켓플레이스입니다.

가격표 확인하기

최근 업데이트와 소식

소식2026-03-24
21st, Y Combinator W26 배치 합류
21st Labs Inc.가 Y Combinator 2026년 겨울(W26) 배치에 합류했습니다. YC W26 Demo Day는 2026년 3월 24일 개최됐으며, 21st는 에이전트 인터넷을 위한 UI 빌딩 블록 인프라에 집중합니다.
근거: YC 공식 페이지(ycombinator.com/companies/21st) 및 Extruct AI W26 분석: 21st Labs는 W26 배치 소속. YC W26 Demo Day는 2026-03-24 개최됐습니다.
버전 업데이트2026-03-07
21st.dev, Agents SDK 출시 — 앱에 Claude Code 에이전트 탑재
21st.dev가 Agents SDK를 출시했습니다. 개발자가 자신의 앱에 Claude Code AI 에이전트를 추가할 수 있게 하는 SDK로, 에이전틱 인터넷을 위한 인프라·UI 빌딩 블록 전략의 일환입니다.
근거: 2026년 3월 7일 21st.dev가 앱에 Claude Code AI 에이전트를 추가하는 21st Agents SDK를 출시했습니다.

소개AI 요약

21st.dev는 디자인 엔지니어를 위한 오픈소스 React 컴포넌트 레지스트리로, Magic MCP를 통해 Cursor·Windsurf·VSCode 등 AI IDE에서 자연어만으로 UI 컴포넌트를 즉시 생성·삽입할 수 있는 플랫폼입니다. shadcn/ui 및 Tailwind CSS와 완벽 호환되며, 40개 이상의 카테고리로 구성된 방대한 커뮤니티 컴포넌트 라이브러리를 제공합니다. 2026년 5월 현재 Magic Agent 베타 운영 중이며 베타 기간에는 전체 기능 무료 제공합니다.