tusen-ai/naive-ui

어떤 프로젝트인가요?

핵심 기능

• 01트리 셰이킹을 지원하는 컴포넌트 90개 이상.
• 02타입 안전한 테마 오버라이드 객체를 통한 테마 커스터마이징.
• 03테마 설정에 Less, Sass, CSS 변수 또는 webpack 로더가 필요하지 않습니다.
• 04TypeScript로 작성되어 TypeScript 프로젝트에서 사용할 수 있습니다.
• 05컴포넌트 사용 시 별도의 CSS를 가져올 필요가 없습니다.
• 06데이터 컴포넌트는 기본적으로 가상 리스트를 사용합니다.

활용 사례

• Vue 3 프로젝트에서 관리자 대시보드나 백오피스 인터페이스 구축.
• JavaScript 객체로 커스터마이징하는 테마 디자인 시스템 제작.
• 미리 만들어진 폼 및 데이터 컴포넌트가 다수 필요한 TypeScript 기반 Vue 애플리케이션 개발.

빠른 시작

1. 1

   npm에서 라이브러리를 설치하세요

   npm i naive-ui
2. 2

   권장 폰트 패키지를 설치하세요

   npm i vfonts
3. 3

   문서 사이트에서 컴포넌트 사용을 시작하세요

사용 전 알아둘 점

• !Vue 3이 필요하며 Vue 2는 지원하지 않습니다.

토픽

자주 묻는 질문

naive-ui은(는) 무엇인가요?

90개 이상의 트리 셰이킹 가능한 TypeScript 컴포넌트와 타입 안전한 테마 오버라이드 시스템을 제공하는 Vue 3 컴포넌트 라이브러리입니다. Naive UI는 TypeScript로 작성된 Vue 3용 컴포넌트 라이브러리입니다. 90개가 넘는 컴포넌트를 제공하며, 트리 셰이킹을 지원해 각 컴포넌트를 개별적으로 가져올 수 있으므로 사용하지 않는 컴포넌트가 번들에 포함되지 않습니다.

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

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

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

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

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

Vue 3 프로젝트에서 관리자 대시보드나 백오피스 인터페이스 구축. JavaScript 객체로 커스터마이징하는 테마 디자인 시스템 제작. 미리 만들어진 폼 및 데이터 컴포넌트가 다수 필요한 TypeScript 기반 Vue 애플리케이션 개발.

naive-ui는 어떻게 설치하나요?

npm에서 라이브러리를 설치하세요: npm i naive-ui 권장 폰트 패키지를 설치하세요: npm i vfonts 문서 사이트에서 컴포넌트 사용을 시작하세요

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

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