11 dépôts
User interface elements built using the Vue.js framework to synchronize view and data state.
Distinct from Component-Based Rendering: Specifically applies component-based rendering to Vue.js, whereas the parent is generic.
Explore 11 awesome GitHub repositories matching user interface & experience · Vue Components. Refine with filters or upvote what's useful.
Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem
Binds reactive stores to Vue component properties to ensure automatic view updates when data changes.
Aurora est une plateforme de blogging personnelle auto-hébergée et un système de gestion de contenu RESTful. Elle fournit un tableau de bord administratif dédié pour publier et gérer des articles, utilisant un backend Spring Boot et un frontend Vue.js. Le système utilise une architecture client-serveur découplée pour séparer le stockage des données de la couche de présentation. Cela permet à l'interface web réactive de diffuser et de parcourir les articles de blog via une API REST. La plateforme couvre le flux de travail complet de publication de contenu, y compris la création, l'édition et la distribution d'articles. Elle gère le contenu écrit personnel via un stockage backend intégré et un frontend basé sur des composants.
Builds the user interface from reusable Vue.js isolated blocks that synchronize with the data state.
Ce projet est un plugin de réactivité qui apporte la Composition API et la gestion d'état réactif de Vue 3 aux applications Vue 2. Il sert d'organisateur de logique de composant et de système pour encapsuler l'état réactif et les fonctions dans des utilitaires réutilisables. Le plugin permet d'utiliser des fonctions composables pour partager une logique avec état entre les composants sans dépendre des mixins. Il fournit une structure basée sur des variables et des fonctions simples pour faciliter l'inférence de type automatique et l'autocomplétion dans l'éditeur. De plus, il inclut un système d'injection de dépendances basé sur des fournisseurs pour partager des données et des fonctions à travers l'arborescence des composants. Le système couvre la gestion de l'état réactif, des propriétés calculées et des watchers, ainsi que la possibilité de se connecter aux cycles de vie des composants. Il permet l'intégration de bibliothèques tierces avec état dans le système de réactivité natif et prend en charge le préchargement des données côté serveur. Le projet est écrit en TypeScript.
Provides a system to group related functions and state by logical concern within Vue 2 components.
Portal-vue is a library for rendering Vue component content into arbitrary DOM elements outside their original parent-child hierarchy. It functions as a DOM teleportation tool and cross-component content injector, allowing developers to decouple a component's logical position in the application tree from its physical location in the document. The tool specifically enables the injection of dynamic interface elements, such as modals and tooltips, into root-level containers. This mechanism allows visual templates to bypass CSS nesting and layout constraints by separating the visual location from
Moves component content to different document locations to bypass parent layout constraints while preserving state.
vue-color-avatar is a Vue-based tool for generating scalable vector profile images. It functions as a client-side image generator that produces visuals directly in the browser without the need for a backend processing server. The project provides a visual interface for assembling personalized avatars by combining different graphic components. It also includes a batch generator capable of producing multiple randomized profile images simultaneously by mapping seeds to visual attributes. The system utilizes reactive UI components to synchronize avatar previews with customization controls and em
Provides customizable avatar generation as a set of reactive Vue components.
Content est un moteur de gestion de contenu basé sur les fichiers qui transforme les fichiers Markdown et JSON en données structurées pour une utilisation au sein d'applications web. Il fonctionne comme un moteur de contenu de site statique, analysant les systèmes de fichiers locaux en collections interrogeables tout en fournissant une bibliothèque pour intégrer des composants interactifs directement dans les documents texte. Le framework se distingue en traitant la hiérarchie des fichiers locaux comme la source de vérité primaire pour le routage et la navigation de l'application. Il permet aux développeurs d'intégrer des éléments d'interface utilisateur dynamiques directement dans les fichiers texte et fournit une interface visuelle pour éditer le contenu et les métadonnées basés sur des schémas prédéfinis. Cette approche permet la création de documentation riche et interactive et de sites axés sur le contenu où la structure du dépôt dicte l'architecture du site. Au-delà de la gestion de base, le système inclut des capacités pour l'indexation de recherche plein texte, la coloration syntaxique automatisée du code et la génération d'extraits de contenu. Il prend en charge la récupération de données typées via une interface de requête fluide, garantissant que les collections de contenu restent cohérentes et validées par rapport aux schémas définis pendant le développement et la production.
Enables embedding interactive UI components directly into text files to create rich, dynamic documentation.
This project is a React-based rich text editor designed for authoring and managing markdown documents through a visual interface. It functions as a modular framework that renders markdown in real-time, allowing users to create structured content without manual syntax entry. The editor is built on a plugin-based architecture that enables developers to extend functionality while maintaining minimal application bundle sizes. It provides a comprehensive command interface for programmatic content manipulation and utilizes reactive state management to ensure the visual editing surface remains synch
Integrates custom interactive elements into the document structure by mapping specialized properties to isolated, configurable UI components.
Motion-vue is a declarative animation library for Vue that provides a framework for building fluid, high-performance user interface motion. It enables developers to define complex animation states and transitions using code-based variants and spring-driven physics, ensuring that visual updates remain synchronized with component lifecycles and application state. The library distinguishes itself through a layout projection engine that tracks element coordinates to animate transitions between layout states, and a gesture-driven input pipeline that maps pointer and scroll interactions to animatio
Provides user interface elements built using the Vue.js framework to synchronize view and data state.
This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection. The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping
Provides a reusable interface element for displaying and manipulating tabular data within applications built using the Vue framework.
This project is a styling library for Vue that enables component-based design by attaching CSS rules directly to HTML tags or component constructors. It utilizes tagged template literals to encapsulate design logic within JavaScript, allowing developers to define, extend, and manage styles directly alongside component code. The library distinguishes itself through a dynamic style injection engine that evaluates functions against component properties at runtime, ensuring visual output updates in response to data changes. It supports polymorphic rendering, which allows the underlying HTML eleme
Enables building reusable Vue components with tightly coupled CSS rules for consistent design patterns.
This project is a web-based markdown editing component designed for integration into Vue applications. It provides a text input interface for creating and modifying markdown content, featuring real-time rendering and a live preview that transforms source text into formatted HTML. The editor is built on a modular framework that supports custom plugins and visual themes, allowing developers to extend core functionality and align the workspace appearance with host application designs. It utilizes a standardized hook architecture to enable these extensions, ensuring that the editing environment c
Embeds markdown editing and previewing capabilities directly into Vue applications as reusable components.