logo hsb.horse
← 용어집 목록으로 돌아가기

Glossary

shadcn/ui

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

게시일: 수정일:

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

특징

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

참고

관련 라이브러리

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

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