shadcn/ui
Radix UI와 Tailwind CSS로 만들어진, 복사해서 바로 쓸 수 있는 접근성 높은 React 컴포넌트 모음입니다.
- 활발히 유지보수됨
- 문서화가 잘 되어 있음
- 관대한 라이선스
개요
shadcn/ui는 React와 Tailwind CSS로 구축된 접근성 있고 커스터마이징 가능한 UI 컴포넌트 세트를 제공합니다. 불투명한 의존성으로 불러와 사용하는 일반적인 npm 패키지 형태로 배포하는 대신, 이 프로젝트는 스스로를 "오픈 코드"로 규정하며, 출발점으로 사용되는 것을 의도합니다. 컴포넌트 소스를 자신의 프로젝트로 직접 가져와 그 위에서 바로 커스터마이징, 확장, 구축을 진행하며, 이는 외부 컴포넌트 라이브러리에 의존하는 대신 shadcn/ui를 사용해 사실상 자기 자신만의 컴포넌트 라이브러리를 만드는 것과 같습니다.
MIT 라이선스이며 ui.shadcn.com에 문서화되어 있고, 사용 가능한 컴포넌트와 사용 패턴이 자세히 다뤄져 있습니다.
의존성으로 설치하는 전통적인 컴포넌트 라이브러리의 제약이나 테마 시스템을 우회하는 대신, 처음부터 컴포넌트 코드와 스타일링을 완전히 소유하고 통제하고 싶은 팀에 적합합니다.
이 카탈로그에 오른 이유
카탈로그 평점: ★★★★☆ (4/5)
Extremely popular copy-paste component system, a genuinely different distribution model vs. MUI in a thin ui category.
- 성숙 단계
- 커뮤니티 주도
- 카테고리
- UI 및 컴포넌트
- 언어
- TypeScript
- 라이선스
- MIT
관련 프로젝트
Ant Design
MIT엔터프라이즈급 UI 디자인 언어이자 React 컴포넌트 라이브러리로, 데이터가 많은 관리자 화면과 업무용 앱을 만들기 위한 고품질 컴포넌트를 폭넓게 제공합니다.
활발히 유지보수됨
- UI 및 컴포넌트
MUI
MITGoogle의 Material Design을 구현한 포괄적인 React UI 컴포넌트 라이브러리입니다.
활발히 유지보수됨
- UI 및 컴포넌트
Mantine
MIT100개 이상의 커스터마이즈 가능한 컴포넌트와 50개 이상의 훅을 갖춘 풀 기능 React 컴포넌트 라이브러리로, 폼·날짜·차트·알림·리치 텍스트 편집 패키지도 제공합니다.
활발히 유지보수됨
- UI 및 컴포넌트
Ionic Framework
MITHTML·CSS·JavaScript로 iOS, Android, PWA를 만드는 크로스플랫폼 UI 툴킷으로, React·Angular·Vue와의 공식 연동을 제공합니다.
활발히 유지보수됨
- 모바일
- UI 및 컴포넌트
잘못된 정보를 발견하셨나요? GitHub에서 수정 제안하기