Repolode
제출하기
unovue

unovue/shadcn-vue

Reka UI 기반의 복사·붙여넣기 방식으로 직접 수정해 쓸 수 있는 Vue 3용 shadcn/ui 포트입니다.

GitHub에서 보기웹사이트
스타
10,782
포크
687
열린 이슈
154
마지막 커밋
4일 전

어떤 프로젝트인가요?

shadcn-vue는 shadcn/ui의 컴포넌트 접근 방식을 Vue로 가져온 프로젝트입니다. 폐쇄형 패키지를 설치하는 대신 컴포넌트 소스 코드를 프로젝트에 추가해 필요에 따라 수정할 수 있습니다. 컴포넌트는 자유롭게 커스터마이즈하고 확장할 수 있도록 설계되어, 자체 컴포넌트 라이브러리의 기반으로 활용할 수 있습니다.

이 프로젝트는 shadcn/ui를 Vue로 포팅한 것으로, 접근성을 갖춘 비스타일 프리미티브를 위해 Reka UI(구 radix-vue)를 사용합니다. 문서는 shadcn-vue.com에서 확인할 수 있으며, 저장소는 문서 앱을 포함한 모노레포입니다.

일관되고 접근성 높은 UI 구성 요소를 직접 소유하고 원하는 스타일로 바꾸고 싶은 Vue 및 Nuxt 개발자에게 적합합니다.

핵심 기능

  • 01직접 소유하고 편집할 수 있는 컴포넌트 소스 코드를 복사해 붙여넣을 수 있습니다.
  • 02접근성을 고려한 Reka UI 프리미티브를 기반으로 합니다.
  • 03Tailwind CSS 기반으로 스타일을 커스터마이즈할 수 있습니다.
  • 04자체 컴포넌트 라이브러리를 구축하기 위한 기반으로 설계되었습니다.

활용 사례

  • 일관되고 접근성 높은 UI 컴포넌트로 Vue 또는 Nuxt 앱을 시작할 때.
  • shadcn 스타일 컴포넌트를 기반으로 내부 디자인 시스템을 구축할 때.
  • 폐쇄형 라이브러리와 씨름하지 않고 컴포넌트의 스타일과 동작을 커스터마이즈할 때.

토픽

#vue#component-library#ui-kit#accessible#tailwind-css#typescript#design-system#radix-vue#reka-ui#shadcn

자주 묻는 질문

shadcn-vue은(는) 무엇인가요?
Reka UI 기반의 복사·붙여넣기 방식으로 직접 수정해 쓸 수 있는 Vue 3용 shadcn/ui 포트입니다. shadcn-vue는 shadcn/ui의 컴포넌트 접근 방식을 Vue로 가져온 프로젝트입니다. 폐쇄형 패키지를 설치하는 대신 컴포넌트 소스 코드를 프로젝트에 추가해 필요에 따라 수정할 수 있습니다. 컴포넌트는 자유롭게 커스터마이즈하고 확장할 수 있도록 설계되어, 자체 컴포넌트 라이브러리의 기반으로 활용할 수 있습니다.
shadcn-vue은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
shadcn-vue은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
shadcn-vue은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. shadcn-vue의 마지막 커밋은 2026년 11월 3일입니다.
shadcn-vue은(는) 어디에 사용할 수 있나요?
일관되고 접근성 높은 UI 컴포넌트로 Vue 또는 Nuxt 앱을 시작할 때. shadcn 스타일 컴포넌트를 기반으로 내부 디자인 시스템을 구축할 때. 폐쇄형 라이브러리와 씨름하지 않고 컴포넌트의 스타일과 동작을 커스터마이즈할 때.
shadcn-vue은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/unovue/shadcn-vue

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트