shadcn-ui/ui

어떤 프로젝트인가요?

핵심 기능

• 01컴포넌트 소스 코드를 프로젝트에 복사하므로 직접 소유하고 수정할 수 있습니다.
• 02Radix UI, React Aria, Base UI 등의 접근성 높은 프리미티브를 기반으로 합니다.
• 03Tailwind CSS로 스타일을 적용하며, 자체 디자인 시스템에 맞게 스타일을 변경할 수 있도록 설계되었습니다.
• 04Next.js와 Vite를 비롯한 React 프레임워크에서 사용할 수 있으며, Laravel도 지원합니다.

활용 사례

• 세련되고 접근성 높은 폼, 다이얼로그, 메뉴 컴포넌트가 필요한 React 또는 Next.js 앱을 만들 때.
• 공통 출발점을 바탕으로 사내 또는 회사 전용 컴포넌트 라이브러리를 만들 때.
• 컴포넌트 코드를 완전히 제어하면서 인터페이스를 빠르게 프로토타이핑할 때.

토픽

자주 묻는 질문

ui은(는) 무엇인가요?

Radix UI와 Tailwind CSS 기반의 React 컴포넌트를 복사해 사용하고, 직접 소유하며 코드베이스에서 자유롭게 수정할 수 있습니다. shadcn/ui는 잠긴 의존성으로 설치하는 대신 소스 코드를 복사해 프로젝트에 추가하는 접근성 높은 UI 컴포넌트 모음입니다. 컴포넌트를 자유롭게 수정하고 확장할 수 있으며, 자체 컴포넌트 라이브러리를 만들 때 출발점으로 활용할 수 있도록 설계되었습니다.

ui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

ui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

ui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. ui의 마지막 커밋은 2026년 10월 20일입니다.

ui은(는) 어디에 사용할 수 있나요?

세련되고 접근성 높은 폼, 다이얼로그, 메뉴 컴포넌트가 필요한 React 또는 Next.js 앱을 만들 때. 공통 출발점을 바탕으로 사내 또는 회사 전용 컴포넌트 라이브러리를 만들 때. 컴포넌트 코드를 완전히 제어하면서 인터페이스를 빠르게 프로토타이핑할 때.

ui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/shadcn-ui/ui