Repolode
Enviar
tusen-ai

tusen-ai/naive-ui

Una biblioteca de componentes para Vue 3 con más de 90 componentes TypeScript compatibles con tree-shaking y un sistema de sobrescritura de temas con seguridad de tipos.

Ver en GitHubSitio web
Estrellas
18,576
Forks
1,861
Issues abiertos
709
Último commit
hace 17 días

¿Qué es?

Naive UI es una biblioteca de componentes para Vue 3, escrita en TypeScript. Ofrece más de 90 componentes, y cada uno se puede importar por separado gracias a la compatibilidad con tree-shaking, de modo que los componentes que no se usan no se incluyen en el bundle.

La personalización del tema se realiza mediante un objeto de sobrescritura de temas en JavaScript, por lo que puedes cambiar colores y estilos sin escribir Less, Sass ni variables CSS, y sin configurar loaders de webpack. Los componentes no requieren importar un archivo CSS aparte. De forma predeterminada, los componentes de datos, como las tablas y los selectores, usan una lista virtual.

El proyecto recomienda xicons como biblioteca de iconos y vfonts para tipografía, y ofrece una biblioteca de diseño para Sketch destinada a diseñadores.

Funciones clave

  • 01Más de 90 componentes, todos compatibles con tree-shaking.
  • 02Personalización de temas mediante un objeto de sobrescritura de temas con seguridad de tipos.
  • 03No se necesitan Less, Sass, variables CSS ni loaders de webpack para personalizar temas.
  • 04Escrito en TypeScript y compatible con proyectos TypeScript.
  • 05No hace falta importar un archivo CSS aparte para usar los componentes.
  • 06Los componentes de datos usan listas virtuales de forma predeterminada.

Casos de uso

  • Crear dashboards de administración o interfaces de back office en un proyecto Vue 3.
  • Crear un sistema de diseño con temas que se personalizan mediante objetos JavaScript.
  • Desarrollar aplicaciones Vue con TypeScript que necesiten muchos componentes preconstruidos para formularios y datos.

Inicio rápido

  1. 1

    Instala la biblioteca desde npm

    npm i naive-ui
  2. 2

    Instala el paquete de fuentes recomendado

    npm i vfonts
  3. 3

    Consulta el sitio de documentación para empezar a usar los componentes

Antes de usarlo

  • Requiere Vue 3; no es compatible con Vue 2.

Temas

#vue#vue3-components#ui-components#component-library#typescript#theming#vue-typescript

Preguntas frecuentes

¿Qué es naive-ui?
Una biblioteca de componentes para Vue 3 con más de 90 componentes TypeScript compatibles con tree-shaking y un sistema de sobrescritura de temas con seguridad de tipos. Naive UI es una biblioteca de componentes para Vue 3, escrita en TypeScript. Ofrece más de 90 componentes, y cada uno se puede importar por separado gracias a la compatibilidad con tree-shaking, de modo que los componentes que no se usan no se incluyen en el bundle.
¿naive-ui es gratuito? ¿Qué licencia tiene?
naive-ui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿naive-ui sigue mantenido?
Mantenimiento activo. El último commit de naive-ui fue el 5 oct 2026.
¿Para qué puedo usar naive-ui?
Crear dashboards de administración o interfaces de back office en un proyecto Vue 3. Crear un sistema de diseño con temas que se personalizan mediante objetos JavaScript. Desarrollar aplicaciones Vue con TypeScript que necesiten muchos componentes preconstruidos para formularios y datos.
¿Cómo se instala naive-ui?
Instala la biblioteca desde npm: npm i naive-ui Instala el paquete de fuentes recomendado: npm i vfonts Consulta el sitio de documentación para empezar a usar los componentes
¿Dónde consigo naive-ui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tusen-ai/naive-ui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados