Repolode
Enviar
vuetifyjs

vuetifyjs/vuetify

Framework de componentes de interfaz de usuario con Material Design para Vue, con componentes responsivos hechos a mano para crear aplicaciones web.

Ver en GitHubSitio web
Estrellas
41,032
Forks
7,112
Issues abiertos
344
Último commit
hace 6 horas

¿Qué es?

Vuetify es una biblioteca de componentes de interfaz de usuario para Vue que incluye un amplio conjunto de componentes prediseñados y hechos a mano, basados en Material Design. Su objetivo es permitir que los desarrolladores creen interfaces completas para aplicaciones sin necesitar conocimientos avanzados de diseño, y ofrece una API extensa para adaptar los componentes a una gran variedad de casos de uso.

Los estilos se pueden ajustar mediante variables de SASS/SCSS, ajustes preestablecidos de configuración y blueprints. El sistema de temas integrado permite mantener paletas de colores coherentes; además, los componentes son responsivos de forma predeterminada y están diseñados para un ancho mínimo de 320px. El tree-shaking se realiza automáticamente al usar Vite, lo que ayuda a reducir el tamaño de los bundles. El proyecto es compatible con navegadores modernos, incluido Safari 13+ con polyfills, y ofrece internacionalización en más de 42 idiomas.

El proyecto está mantenido por un equipo central y se distribuye a través de npm. También ofrece comandos para generar el esqueleto del proyecto con pnpm, yarn, npm y bun. Vuetify 2 llegó al final de su vida útil, por lo que el foco actual está en la línea Vuetify 3. El tracker de issues del repositorio está reservado para informes de errores y solicitudes de funcionalidades.

Funciones clave

  • 01Componentes prediseñados de Material Design para aplicaciones Vue.
  • 02Personalización mediante variables de SASS/SCSS, ajustes preestablecidos y blueprints.
  • 03Diseños responsivos de forma predeterminada, pensados para pantallas de al menos 320px de ancho.
  • 04Sistema de temas integrado para mantener paletas de colores coherentes.
  • 05Tree-shaking automático al usar Vite.
  • 06Internacionalización con soporte para más de 42 idiomas.

Casos de uso

  • Crear paneles de administración y aplicaciones empresariales internas con Vue.
  • Crear sitios responsivos de marketing o de productos con una apariencia coherente de Material Design.
  • Prototipar interfaces rápidamente sin un sistema de diseño específico.
  • Añadir una capa de interfaz de usuario con temas y varios idiomas a un proyecto existente de Vue 3.

Inicio rápido

  1. 1

    Crear un proyecto nuevo con npm

    npm create vuetify@latest
  2. 2

    O crear un proyecto nuevo con pnpm

    pnpm create vuetify
  3. 3

    O crear un proyecto nuevo con yarn

    yarn create vuetify

Antes de usarlo

  • Los metadatos de la licencia indican NOASSERTION, aunque el README especifica MIT.
  • Vuetify 2 ha llegado al final de su vida útil y ya no tiene soporte.

Temas

#vue#ui-components#material-design#vue3#css#typescript#ui-library#javascript#material#material-components

Preguntas frecuentes

¿Qué es vuetify?
Framework de componentes de interfaz de usuario con Material Design para Vue, con componentes responsivos hechos a mano para crear aplicaciones web. Vuetify es una biblioteca de componentes de interfaz de usuario para Vue que incluye un amplio conjunto de componentes prediseñados y hechos a mano, basados en Material Design. Su objetivo es permitir que los desarrolladores creen interfaces completas para aplicaciones sin necesitar conocimientos avanzados de diseño, y ofrece una API extensa para adaptar los componentes a una gran variedad de casos de uso.
¿vuetify es gratuito? ¿Qué licencia tiene?
vuetify es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿vuetify sigue mantenido?
Mantenimiento activo. El último commit de vuetify fue el 20 oct 2026.
¿Para qué puedo usar vuetify?
Crear paneles de administración y aplicaciones empresariales internas con Vue. Crear sitios responsivos de marketing o de productos con una apariencia coherente de Material Design. Prototipar interfaces rápidamente sin un sistema de diseño específico. Añadir una capa de interfaz de usuario con temas y varios idiomas a un proyecto existente de Vue 3.
¿Cómo se instala vuetify?
Crear un proyecto nuevo con npm: npm create vuetify@latest O crear un proyecto nuevo con pnpm: pnpm create vuetify O crear un proyecto nuevo con yarn: yarn create vuetify
¿Dónde consigo vuetify?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/vuetifyjs/vuetify

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

Proyectos relacionados