Vue es un marco de JavaScript popular para crear aplicaciones web progresivas y aplicaciones de una sola página.
A la gran comunidad de desarrolladores de Vue le encanta el código abierto, ya que siguen enriqueciendo sus bibliotecas web públicas con proyectos de código abierto como componentes e interfaces listas para usar.
En esta colección, presentamos el panel de control y los paneles de administración de Vue de código abierto para desarrolladores, lo que les ahorrará una gran cantidad de tiempo de desarrollo y configuración.
¿Por qué tenemos esta colección?
- Uso personal: Normalmente utilizamos Vue en nuestro trabajo. Por eso nos gusta tener una buena colección de lo que utilizamos.
- Ahorre a los desarrolladores una gran cantidad de tiempo: tener esta colección les ahorrará tiempo a los desarrolladores para buscar y comparar el proyecto del panel de Vue.
- Guía: esta lista tiene como objetivo crear una guía rica y útil para que los desarrolladores vuelvan a consultarla.
15 paneles de control y paneles de administración de Vue gratuitos y de código abierto
1-Panel de administración del panel basado en Vuetify
Este es un panel de administración gratuito y de código abierto de FlatLogic. Utiliza componentes del marco Vuetify Material design Vue. Cuenta con un diseño responsivo, gráficos Apex, lógica de inicio y cierre de sesión, chat, página de error, notificación y más.
Tablero de 2 elementos y panel de control.
ElementUI es un elegante kit de herramientas UI Vue, este elegante panel es un panel de control personalizado que utiliza todos los componentes de ElementUI con docenas de componentes adicionales de terceros. Si eres fanático de ElementUI y tienes prisa por crear un panel, este panel es tu respuesta.
3- Vuestic-Administrador
Vuestic-Admin es una plantilla de panel de nivel profesional para Vue, con más de 44 componentes de administración personalizados. Es un rico sistema de interfaz de usuario desarrollado por Epicmax y diseñado por Vasili Savitski. Ofrece personalización del color, un código fácil de usar, diseño responsivo, compatibilidad con varios navegadores y compatibilidad con la internacionalización.
4- interfaz de usuario central
CoreUI es un panel de administración multipropósito responsivo basado en Bootstrap 4 Framework.
Cuenta con compatibilidad con iconos SVG, utiliza CoreUI como marco base, tiene su propia biblioteca de componentes dedicada e incluye múltiples bibliotecas de gráficos.
Aunque la versión gratuita es rica, la versión pro ofrece más componentes y funciones.
5- Plantilla de administración de Vue
Vue Admin es un sencillo panel de administración gratuito de código abierto que sirve como plantilla de inicio para desarrolladores activos.
El panel está construido sobre vue-cli y se actualiza periódicamente.
6- Panel de control de materiales de Vue
Muchos desarrolladores prefieren el diseño de materiales a otros sistemas de diseño. Entonces, aquí está nuestra segunda elección para el panel basado en materiales. Este panel se basa en la versión gratuita del producto Material Panel de Creative-tim.
Incluye soporte para mapas, panel de personalización, soporte para tablas, íconos, perfiles de usuario y más.
7- Panel de control del panel de control de la aplicación Sing Vue
Sing App Dashboard está basado en Bootstrap 4+ y ofrece un elegante sistema de diseño personalizable para crear paneles complejos para aplicaciones web.
Incluye un diseño responsivo, soporte para tablas, páginas de perfil, componentes de mapas, soporte para íconos y barra lateral al pasar el mouse.
La aplicación Sing viene en dos versiones, una versión ligera y una profesional (versión completa) que incluye páginas de inicio de sesión, páginas adicionales personalizadas y más.
8- Plantilla de administración de Vue TypeScript
Este panel es un proyecto artesanal de código abierto que acelera la producción para los desarrolladores de TypeScript. Contiene un panel bien diseñado, bloques informativos, gráficos, páginas de inicio y cierre de sesión, internacionalización (I18n), compatibilidad con temas dinámicos, barra lateral dinámica, búsqueda, compatibilidad con etiquetas, pantalla completa, datos simulados (ficticios) y compatibilidad con PWA.
También ofrece un editor de texto enriquecido WYSIWYG, un editor Markdown y un editor JSON.
Sin embargo, se extiende a tablas dinámicas con edición en línea, celdas y filas que se pueden arrastrar y más.
Si prefiere usar Vue con TypeScript, le recomendamos que coloque este panel en la parte superior de su lista.
9- Plantilla de panel de administración de Vue azul claro
Light Blue está construido sobre el marco CSS Vue y Bootstrap 4.5. Es el segundo tema en esta lista de Flatlogic, conocido por crear hermosos temas y plantillas.
El tablero azul claro presenta un estilo transparente que luce elegante en pantallas grandes y tabletas debido a sus excelentes capacidades de respuesta.
El fondo azul oscuro y los bloques de información medio trasplantados en el tablero le dan un aspecto profesional, especialmente con mapas SVG.
El panel Light Blue incluye varias páginas para demostrar las funcionalidades y sus componentes como inicio de sesión, cierre de sesión, notificación, gráficos, íconos, mapas, tablas, chat, páginas de error y más.
10- Plantilla de administración de Vue gratuita de Star Admin
Star Admin se basa en Vue, el marco Bootstrap 4. Ofrece una versión gratuita y una versión profesional para desarrolladores e incluye gráficos, varias páginas de usuario, tablas, íconos SVG y más.
11- Plantilla de administración de Vue
Este es otro panel de control creado con Vuetify. Incluye inicio de sesión, registro, vista de calendario, gráficos, colores
, vista de correo electrónico, vista de mensajes, vista de imágenes y páginas de perfil.
También incluye páginas de error personalizadas y página de configuración.
12- Administrador de Vuetify
Vuetify Admin está construido (como su nombre indica) sobre Vuetificary se puede integrar fácilmente con REST API, GraphQL o SOAP.
Este panel de administración admite varias funciones del lado del servidor, como autenticación, validación de formularios, y viene con soporte completo de internacionalización.
13- Panel de administración de M-Dash
14- Administrador del Imperio
Empire Admin es un panel de administración de código abierto en desarrollo para Nuxt construido sobre Bootstrap 4.
Empire Adminis es responsivo y viene con varios buscapersonas iniciales como inicio de sesión, página de perfil, calendario, bandeja de entrada y más.
Ofrece una navegación personalizada y guardias de ruta para autenticación.
Si desea hacer algo rápido con Nuxt, Empire Admin es su respuesta.
15- Plantilla de administración gratuita de color morado
Purple Admin es un panel de administración limpio y agradable que ofrece dos ediciones: gratuita y profesional. Incluye un panel con bloques y gráficos personalizados, tablas, íconos, páginas de error y más.
16- Vue Notus
Vue Notus es otro producto sofisticado del equipo de Creative-tim. Está construido sobre el sistema de diseño Notus, que también fue creado por Creative-tim.
Utiliza Tailwind CSS como marco CSS y viene en dos versiones, una edición gratuita y una edición profesional con componentes más ricos para empresas.
17- Panel de control de papel Vue
El sistema de diseño en papel es otro producto sofisticado de Creative-tim que también es la base de este tablero. Al igual que el otro producto, viene en ediciones gratuita y profesional que incluye más componentes.
18- Panel de ArchitectUI Vue gratuito
ArchitectUI es una hermosa y sencilla plantilla de panel de panel de arranque (5) para Vue.
La versión gratuita presenta docenas de widgets y componentes de interfaz de usuario que son fáciles de implementar, personalizar e integrar.
Sin embargo, si desea más funciones, puede actualizar fácilmente a la edición pro.
Conclusión
A medida que nuestra lista llega a su fin, esperamos haber cubierto los mejores paneles de administración de Vue para ahorrar tiempo y esfuerzo a nuestros lectores. Recomendamos elegir aquellos que reciban actualizaciones periódicas y estén empaquetados por una buena comunidad.
Si conoce otras plantillas de administración de panel de control y panel de control de Vue de código abierto, háganoslo saber en los comentarios.
Etiquetas
desarrollo web desarrollo Vue Lista de código abierto Marcos de aplicaciones gratuitas