대체 도구 14개 · 2026 업데이트

21st.dev 대안

21st.dev처럼 같은 영역을 다루는 컴포넌트 레지스트리 및 라이브러리 14개입니다. 각각 실시간 미리보기가 제공되어, 어떤 사이트를 열기 전에 나란히 놓고 느낌을 비교해 볼 수 있습니다. 21st.dev의 설명 및 태그와 얼마나 가깝게 일치하는지에 따라 정렬됩니다.

원조

21st.dev — 컴포넌트를 추가하기 전에 인터랙티브하게 미리 볼 수 있는 커뮤니티 shadcn 레지스트리.

21st.dev 방문

shadcn/ui preview

shadcn/ui컴포넌트 라이브러리패키지로 설치하는 대신 자신의 코드베이스에 직접 복사해 넣어 쓰는 UI 컴포넌트.

startercn.vercel.app

startercn preview

startercn컴포넌트 라이브러리문서, 랜딩 페이지, 에이전트 지원을 갖춘, 바로 포크할 수 있는 shadcn/ui 레지스트리 스타터입니다.

shadcnblocks.com

shadcnblocks preview

shadcnblocks컴포넌트 라이브러리shadcn 스타일로 만든, 깔끔하고 바로 사용할 수 있는 수천 개의 웹사이트 블록.

8bitcn preview

8bitcn컴포넌트 라이브러리shadcn 프로젝트에 바로 넣을 수 있는 레트로 8비트 스타일 UI 컴포넌트.

Evil Charts preview

Evil Charts컴포넌트 라이브러리shadcn/ui 프로젝트에 자연스럽게 어울리도록 설계된 애니메이션 SVG 차트 컴포넌트.

Animate UI preview

Animate UI컴포넌트 라이브러리Motion 애니메이션 라이브러리로 생동감을 더한 접근성 높은 shadcn 컴포넌트입니다.

Base CN preview

Base CN컴포넌트 라이브러리shadcn 컴포넌트 워크플로에 끼워 넣을 수 있도록 재구성한 Base UI 프리미티브입니다.

Watermelon UI preview

Watermelon UI컴포넌트 라이브러리shadcn 도구 생태계에 맞도록 구축된 React 컴포넌트 라이브러리입니다.

Hexter UI컴포넌트 라이브러리shadcn 프로젝트에서 바로 사용할 수 있는 정돈되고 깔끔한 컴포넌트 모음입니다.

Kokonut UI preview

Kokonut UI컴포넌트 라이브러리shadcn 형식에서 동작하도록 패키징된 창의적이고 인터랙티브한 UI 컴포넌트입니다.

Sera UI preview

Sera UI컴포넌트 라이브러리shadcn 명령줄 도구를 통해 바로 설치하도록 설계된 React 컴포넌트입니다.

shadcn-cssinjs.com

shadcn-cssinjs preview

shadcn-cssinjs컴포넌트 라이브러리CSS-in-JS 스타일링을 사용하는 프로젝트에 맞도록 재작업한 shadcn 컴포넌트입니다.

23rd preview

23rd컴포넌트 라이브러리React와 Svelte 프로젝트 모두에서 사용할 수 있는 shadcn 스타일 컴포넌트입니다.

shieldcn preview

shieldcn컴포넌트 라이브러리프로젝트 문서를 꾸미기 위해 shadcn 감성에 맞춰 스타일링한 README 배지입니다.

더 넓게 보고 싶다면? 전체 둘러보기 React UI 컴포넌트 라이브러리.

21st.dev 대안 (2026) — Designeer