📚 Reference

📜 Chapter

Ant Design of React

‣

shadcn/ui

shadcn/ui
Radix UI와 Tailwind CSS를 기반으로 한 컴포넌트 라이브러리.
shadcn-ui는 UI 라이브러리이면서 UI 라이브러리가 아니다.
UI 컴포넌트 코드가 파일로 추가되어 설치가 되는 특이한 방식으로 동작한다. 이러한 특성 덕분에, 코드 동작 및 스타일을 변경하기 쉽다.
기본적으로 스타일이 적용되지 않으며, 사용자가 디자인을 Tailwind로 정의한다.
Next.js 및 서버 컴포넌트 친화적이다.

shadcn/ui - 장점

완전한 커스터마이징 가능(Tailwind CSS 활용)하다.
Radix UI의 접근성과 ARIA 지원 제공한다.
번들 크기가 작고 필요한 컴포넌트만 가져와 사용 가능하다.
디자인 시스템 구축에 적합하다.