Tailwind CSS에 클래스 이름으로 바로 사용할 수 있는 UI 컴포넌트를 추가하는 무료 오픈소스 라이브러리입니다.
vueComponent/ant-design-vue
Ant Design 디자인 언어를 기반으로 하며 Vue 2와 Vue 3를 지원하는 엔터프라이즈급 Vue UI 컴포넌트 라이브러리입니다.
- 스타
- 21,685
- 포크
- 3,890
- 열린 이슈
- 126
- 마지막 커밋
- 8일 전
어떤 프로젝트인가요?
Ant Design Vue는 React 기반 디자인 시스템인 Ant Design의 시각적 디자인과 인터랙션 패턴을 구현한 Vue용 UI 컴포넌트 라이브러리입니다. 데스크톱 중심의 엔터프라이즈 웹 애플리케이션을 만들 때 바로 사용할 수 있는 컴포넌트를 제공하므로, 개발자는 자주 쓰는 컨트롤을 처음부터 설계하고 구현하지 않아도 됩니다.
Vue 2와 Vue 3를 모두 지원하며, 서버 사이드 렌더링과 Electron 환경에서도 사용할 수 있습니다. npm 또는 yarn으로 설치할 수 있고, 프로젝트 공식 사이트인 antdv.com에서 문서를 확인할 수 있습니다. VS Code 확장 프로그램과 Nuxt 모듈도 함께 관리되며, 생태계에는 Ant Design X 사양을 기반으로 한 AI 인터페이스 패키지도 포함되어 있습니다.
핵심 기능
- 01Ant Design 사양을 따르는 다양한 Vue 컴포넌트를 바로 사용할 수 있도록 제공합니다.
- 02Vue 2와 Vue 3를 모두 지원합니다.
- 03서버 사이드 렌더링과 Electron을 지원합니다.
- 04npm 또는 yarn으로 설치할 수 있습니다.
- 05생태계에서 VS Code 확장 프로그램과 Nuxt 모듈을 제공합니다.
활용 사례
- Vue로 사내 관리 대시보드와 백오피스 시스템을 구축할 때
- 일관된 디자인 시스템이 필요한 엔터프라이즈 웹 애플리케이션을 만들 때
- React Ant Design 프로젝트의 디자인과 사용감을 Vue 코드베이스로 옮길 때
빠른 시작
- 1
npm으로 패키지 설치
npm install ant-design-vue --save - 2
또는 yarn으로 패키지 설치
yarn add ant-design-vue
사용 전 알아둘 점
- README에 명확한 오픈소스 라이선스가 명시되어 있지 않습니다. 메타데이터에 NOASSERTION으로 표시되어 있으므로 사용 전에 라이선스를 확인하세요.
- 구형 Internet Explorer를 지원하려면 폴리필이 필요하며, v1.x에만 적용됩니다.
토픽
자주 묻는 질문
- ant-design-vue은(는) 무엇인가요?
- Ant Design 디자인 언어를 기반으로 하며 Vue 2와 Vue 3를 지원하는 엔터프라이즈급 Vue UI 컴포넌트 라이브러리입니다. Ant Design Vue는 React 기반 디자인 시스템인 Ant Design의 시각적 디자인과 인터랙션 패턴을 구현한 Vue용 UI 컴포넌트 라이브러리입니다. 데스크톱 중심의 엔터프라이즈 웹 애플리케이션을 만들 때 바로 사용할 수 있는 컴포넌트를 제공하므로, 개발자는 자주 쓰는 컨트롤을 처음부터 설계하고 구현하지 않아도 됩니다.
- ant-design-vue은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- ant-design-vue은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- ant-design-vue은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. ant-design-vue의 마지막 커밋은 2026년 10월 13일입니다.
- ant-design-vue은(는) 어디에 사용할 수 있나요?
- Vue로 사내 관리 대시보드와 백오피스 시스템을 구축할 때 일관된 디자인 시스템이 필요한 엔터프라이즈 웹 애플리케이션을 만들 때 React Ant Design 프로젝트의 디자인과 사용감을 Vue 코드베이스로 옮길 때
- ant-design-vue는 어떻게 설치하나요?
- npm으로 패키지 설치: npm install ant-design-vue --save 또는 yarn으로 패키지 설치: yarn add ant-design-vue
- ant-design-vue은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vueComponent/ant-design-vue
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
웹 애플리케이션 구축을 위한 엔터프라이즈급 React UI 컴포넌트 라이브러리이자 디자인 언어입니다.
Google Material Design을 구현한 React 컴포넌트 라이브러리로, 바로 사용할 수 있는 다양한 UI 컴포넌트를 제공합니다.
웹 애플리케이션 구축을 위한 수작업으로 제작된 반응형 컴포넌트를 제공하는 Vue용 Material Design UI 컴포넌트 프레임워크입니다.
다크 모드와 Next.js RSC를 지원해 웹 앱을 빠르게 만들 수 있는 접근성 중심의 React 컴포넌트 라이브러리이자 디자인 시스템입니다.
디자인 시스템과 웹 앱을 만들기 위한, 스타일이 지정되지 않은 접근성 높은 React UI 프리미티브 오픈소스 모음입니다.