shadcn/ui

shadcn/ui는 Radix UI와 Tailwind CSS를 기반으로 한 React용 UI 컴포넌트 모음이다. npm 패키지로 설치하는 대신, 컴포넌트 코드를 프로젝트에 직접 복사해 쓰는 설계가 특징이다.

특징

• 코드 오너십이 자신에게 있어 자유롭게 커스터마이즈 가능
• 접근성을 고려한 Radix UI 컴포넌트가 기반
• Tailwind CSS로 스타일링

참고

• shadcn/ui 공식 사이트

관련 라이브러리

shadcn/ui 컴포넌트를 확장하거나 보완하는 생태계.

• Magic UI — 애니메이션 중심 컴포넌트 모음
• Animate UI — Motion 애니메이션이 포함된 컴포넌트
• Aceternity UI — 시각적 임팩트가 강한 컴포넌트
• React Bits — 인터랙티브 UI 파츠 모음
• SmoothUI — Tailwind + Motion 컴포넌트
• Kokonut UI — 오픈소스 컴포넌트 모음
• blocks.so — shadcn/ui용 블록 컴포넌트(60+)
• Tailark — 마케팅용 블록 모음