Awesome GitHub RepositoriesVue.js Frameworks

Mint-UI is a mobile interface toolkit and component-based UI framework designed for Vue.js applications. It provides a collection of pre-styled user interface components specifically optimized for mobile devices and touch-based navigation. The library focuses on mobile UI development and responsive design, offering a set of layout and interaction elements tailored for mobile viewport constraints to ensure visual consistency across different screens. The framework utilizes a modular architecture that integrates a CSS-based styling system with Vue's reactivity model, using prop-driven configur

Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

This is a Vue.js admin dashboard built with Element UI that provides a backend management interface for overseeing stores, products, users, and system settings. The project combines Vue's reactive component model with Element-UI's pre-built widget library to construct a consistent admin interface, using Vue Router for client-side navigation and Vuex for centralized state management. The admin panel enforces role-based access control, checking user permissions at route entry points and component boundaries to block unauthorized actions before they execute. It includes authentication and sessio

vue2-happyfri is a frontend development starter kit and application template for the Vue 2 framework. It provides a foundational codebase designed for learning and implementing the core ecosystem of Vue.js. The project serves as a reference implementation for building single-page applications by combining Vue.js with Vue Router for navigation setup and Vuex for state management examples. It demonstrates how to map URL paths to page components and maintain consistent application state across multiple components. The codebase covers high-level capabilities including client-side routing and cen

vue-resource is a network library for making asynchronous HTTP requests and synchronizing remote server data with Vue.js application state. It functions as a REST API client for exchanging data between a web browser and a server using standard RESTful protocols. The library features a pipeline for modifying outgoing network requests and incoming responses to handle authentication and global error logging. It acts as an asynchronous data fetcher that retrieves remote resources and automatically updates the user interface when server responses arrive. The project provides an adapter-based tran

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Vue Native is a framework that compiles Vue.js single-file components into React Native primitives, enabling developers to build native iOS and Android applications using Vue syntax. At its core, it provides a build-time compiler that transforms Vue components into React components, while hooking Vue's dependency-tracking reactivity system into React's component lifecycle to trigger re-renders when observed data changes. The framework wraps React Native's native module bridge so Vue components can access device APIs through Vue's reactivity system, and maps Vue's component syntax to React Nat

Muse UI is a Vue 2.0 component library that provides a set of pre-styled user interface components implementing Google's Material Design guidelines. It is designed as a UI framework for building consistent Material Design interfaces in Vue.js 2.0 applications. The library uses Vue's plugin-based component registration pattern, allowing components to be registered globally and enabling selective imports. Components communicate through Vue's custom event system, and the library includes a configurable theming layer built with CSS custom properties and SCSS variables that maps to Material Design

vue-i18n is an internationalization framework and plugin for Vue.js applications. It serves as a dynamic translation manager and localization formatting library used to translate user interface text and format dates and numbers for global audiences. The project distinguishes itself through a dynamic translation workflow that supports asynchronous locale loading and the ability to reload translation messages in real-time without refreshing the page. It provides specialized mechanisms for rich text rendering, allowing the interpolation of HTML tags and Vue components directly into translated st

v3-admin-vite is a Vue 3 admin template and frontend framework used for building administrative dashboards and internal business tools. It utilizes Vite for module bundling, providing hot module replacement during development and optimized builds for production. The project features a themeable management interface with customizable visual styles and dark mode toggles. It includes a responsive dashboard layout that adapts navigation and content displays across desktop and mobile screen resolutions. The framework implements role-based access control to manage user permissions and restrict acc

vue-admin is a Vue.js admin dashboard template and customizable admin theme. It serves as a starter kit and application scaffolding for building administrative interfaces and enterprise web interfaces. The project utilizes the Element UI component framework to provide a set of pre-designed interface elements for data-driven web applications. It includes a configurable system for custom theme implementation, allowing the modification of color variables and style sheets to align with specific brand guidelines. The framework covers administrative dashboard development through component-based UI

Sub-web is a browser-based web interface that converts raw proxy subscription links into structured configuration files compatible with the Clash proxy client. It acts as a frontend for the subconverter backend service, enabling users to generate, manage, and export proxy configurations directly from their browser without server-side processing. The tool distinguishes itself by offering a complete configuration management workflow that includes generating Clash-compatible files from subscription URLs, caching generated configurations in browser local storage with configurable expiration, and

Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It

Vue Apollo is a GraphQL client library for Vue.js that integrates Apollo GraphQL queries and mutations into Vue components with reactive data binding. It provides a reactive data layer that automatically updates Vue component state when GraphQL query results change, and supports server-side rendering by prefetching queries during SSR to deliver fully populated HTML on initial page load. The library allows GraphQL queries and mutations to be declared directly inside Vue component options using the apollo property, keeping data dependencies co-located with the UI. It wraps Apollo Client's nor

Lingui is a JavaScript internationalization library that provides a framework-agnostic core with bindings for React, SolidJS, Svelte, Astro, and other JavaScript frameworks. It operates through a compile-time message extraction pipeline that scans source files for translatable strings, generates standard PO, JSON, or CSV catalog files, and compiles them into optimized JavaScript modules for production deployment. The library uses macro-based message definition to wrap translatable text in source code while preserving context for extraction, and includes a plural rule engine that automatically

vue-chartjs is a component library that wraps Chart.js chart types as reusable Vue components, integrating the charting library into Vue's component model. It provides reactive props binding so that charts automatically redraw when data or options change, and exposes the underlying Chart.js instance via template refs for direct programmatic access. The library also forwards Chart.js interaction events like clicks and hovers to Vue component event handlers, and applies ARIA labels to chart elements for screen reader support. The library distinguishes itself by offering typed Vue components for

Vuesax est un framework frontend et une bibliothèque de composants UI pour les applications Vue.js. Il fournit un système de conception personnalisable et un ensemble d'éléments d'interface utilisateur pré-stylisés conçus pour accélérer le développement d'interfaces web. Le projet se distingue par une boîte à outils visuelle thématisable qui prend en charge les mises à jour de couleurs dynamiques et la personnalisation de style côté serveur pour maintenir l'identité de marque. Il dispose également d'un composant de tableau de données spécialisé avec un support intégré pour l'édition de cellules en ligne et le traitement côté serveur pour la pagination, le filtrage et le tri. La bibliothèque couvre une large surface de capacités UI, incluant un système de grille responsive à douze colonnes, des éléments de formulaire complets et divers outils de mise en page comme des cartes de contenu et des listes repliables. Elle inclut également des utilitaires de navigation tels que des barres latérales et des fils d'ariane, ainsi qu'un éventail de superpositions incluant des boîtes de dialogue modales, des notifications système et des infobulles.

vue-i18n-ally est une extension VS Code et un gestionnaire de traduction conçu pour gérer les workflows d'internationalisation et de localisation au sein des projets Vue. Il fournit un ensemble d'outils orientés développeur pour extraire, éditer et organiser les clés et valeurs de traduction directement dans l'éditeur. L'outil dispose d'une interface intégrée à l'éditeur qui affiche les valeurs de traduction en ligne à côté de leurs clés et permet la modification directe de ces valeurs sans basculer entre le code source et les fichiers de locale. Il inclut un auditeur de qualité de localisation pour détecter les clés de traduction manquantes et identifie les chaînes codées en dur qui nécessitent une extraction dans des fichiers de traduction. Le projet fournit également un pont vers des services de traduction automatique pour générer automatiquement les valeurs initiales de locale. Les capacités supplémentaires incluent la gestion centralisée des traductions et la possibilité de déplacer par programmation le texte codé en dur vers les fichiers de traduction du projet.

vue-strap est un framework UI et une bibliothèque de composants proposant une collection d'éléments d'interface thématisés basés sur Bootstrap pour les applications Vue.js. Il sert de kit de composants Bootstrap faisant le pont entre le style d'un framework CSS et une architecture de composants JavaScript réactive. La bibliothèque implémente une large gamme de blocs fonctionnels, incluant des barres de navigation, des menus déroulants et des primitives de mise en page comme des panneaux accordéon et des onglets. Elle inclut un ensemble étendu de champs de formulaire avec sélecteurs de date, saisie semi-automatique et gestion intégrée de l'état de validation. Les fonctionnalités supplémentaires couvrent le feedback utilisateur et les superpositions via des boîtes de dialogue modales, des popovers informatifs, des indicateurs de chargement et des alertes colorées. Le framework fournit également des outils pour le design de mise en page responsive et les flux de saisie de données interactifs.

SpringBoot-Shiro-Vue est un framework de gestion des permissions et un système de contrôle d'accès basé sur les rôles. Il fournit un backend implémenté avec Spring Boot et un frontend construit avec Vue.js pour gérer les rôles utilisateurs et les mapper à des droits d'accès spécifiques à l'interface et aux API. Le projet utilise un système d'authentification basé sur des jetons pour vérifier les identités des utilisateurs et permettre une communication stateless entre le frontend et le backend. Il implémente un contrôle de permission UI granulaire pour afficher ou masquer des boutons et éléments d'interface spécifiques basés sur les droits d'accès assignés à l'utilisateur actuel. Le framework couvre l'application de la sécurité API en vérifiant les permissions utilisateur avant d'autoriser l'accès aux ressources backend. Ceci est soutenu par un système de mapping rôle-permission qui assigne des ensembles de droits d'accès granulaires aux rôles liés aux utilisateurs.