vuetifyjs/vuetify

어떤 프로젝트인가요?

핵심 기능

• 01Vue 애플리케이션을 위한 사전 제작 Material Design 컴포넌트.
• 02SASS/SCSS 변수, 프리셋, 블루프린트를 통한 커스터마이즈.
• 03기본적으로 반응형 레이아웃을 제공하며, 너비 320px 이상의 화면을 기준으로 설계되었습니다.
• 04일관된 색상 팔레트를 위한 내장 테마 시스템.
• 05Vite와 함께 사용할 때 자동으로 적용되는 트리 셰이킹.
• 0642개 이상의 언어를 지원하는 국제화.

활용 사례

• Vue로 관리자 대시보드와 사내 업무용 애플리케이션 구축하기.
• 일관된 Material 디자인으로 반응형 마케팅 사이트나 제품 사이트 만들기.
• 전용 디자인 시스템 없이 인터페이스를 빠르게 프로토타이핑하기.
• 기존 Vue 3 프로젝트에 테마와 다국어를 지원하는 UI 계층 추가하기.

빠른 시작

1. 1

   npm으로 새 프로젝트 만들기

   npm create vuetify@latest
2. 2

   또는 pnpm으로 새 프로젝트 만들기

   pnpm create vuetify
3. 3

   또는 yarn으로 새 프로젝트 만들기

   yarn create vuetify

사용 전 알아둘 점

• !라이선스 메타데이터는 NOASSERTION이지만 README에는 MIT라고 명시되어 있습니다.
• !Vuetify 2는 지원이 종료되어 더 이상 지원되지 않습니다.

토픽

자주 묻는 질문

vuetify은(는) 무엇인가요?

웹 애플리케이션 구축을 위한 수작업으로 제작된 반응형 컴포넌트를 제공하는 Vue용 Material Design UI 컴포넌트 프레임워크입니다. Vuetify는 Material Design을 따르는 다양한 사전 제작 컴포넌트를 제공하는 Vue UI 컴포넌트 라이브러리입니다. 깊은 디자인 지식 없이도 개발자가 완성도 높은 애플리케이션 인터페이스를 구축할 수 있도록 하며, 폭넓은 용도에 맞게 컴포넌트를 커스터마이즈할 수 있는 포괄적인 API를 제공합니다.

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

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

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

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

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

Vue로 관리자 대시보드와 사내 업무용 애플리케이션 구축하기. 일관된 Material 디자인으로 반응형 마케팅 사이트나 제품 사이트 만들기. 전용 디자인 시스템 없이 인터페이스를 빠르게 프로토타이핑하기. 기존 Vue 3 프로젝트에 테마와 다국어를 지원하는 UI 계층 추가하기.

vuetify는 어떻게 설치하나요?

npm으로 새 프로젝트 만들기: npm create vuetify@latest 또는 pnpm으로 새 프로젝트 만들기: pnpm create vuetify 또는 yarn으로 새 프로젝트 만들기: yarn create vuetify

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

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