11 repository-uri
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 este o platformă de blogging personală self-hosted și un sistem de gestionare a conținutului RESTful. Oferă un dashboard administrativ dedicat pentru publicarea și gestionarea articolelor, utilizând un backend Spring Boot și un frontend Vue.js. Sistemul folosește o arhitectură client-server decuplată pentru a separa stocarea datelor de stratul de prezentare. Acest lucru permite interfeței web reactive să livreze și să navigheze prin articolele de blog printr-un API REST. Platforma acoperă fluxul de lucru end-to-end de publicare a conținutului, inclusiv crearea, editarea și distribuirea articolelor. Gestionează conținutul scris personal prin stocare backend integrată și un frontend bazat pe componente.
Builds the user interface from reusable Vue.js isolated blocks that synchronize with the data state.
Acest proiect este un plugin de reactivitate care aduce Composition API și gestionarea stării reactive din Vue 3 în aplicațiile Vue 2. Acesta servește drept organizator pentru logica componentelor și ca sistem pentru încapsularea stării reactive și a funcțiilor în utilitare reutilizabile. Pluginul permite utilizarea funcțiilor compozabile pentru a partaja logica cu stare între componente, fără a depinde de mixins. Oferă o structură bazată pe variabile și funcții simple pentru a facilita inferența automată a tipurilor și completarea automată în editor. În plus, include un sistem de injecție a dependențelor bazat pe provideri pentru partajarea datelor și a funcțiilor în arborele de componente. Sistemul acoperă gestionarea stării reactive, a proprietăților calculate și a watcher-elor, alături de posibilitatea de a interacționa cu ciclurile de viață ale componentelor. Permite integrarea bibliotecilor terțe cu stare în sistemul nativ de reactivitate și suportă preîncărcarea datelor pe server. Proiectul este scris în 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 este un motor de gestionare a conținutului bazat pe fișiere care transformă fișierele Markdown și JSON în date structurate pentru utilizare în aplicații web. Funcționează ca un motor de conținut pentru site-uri statice, parsând sistemele de fișiere locale în colecții interogabile, oferind în același timp o bibliotecă pentru integrarea componentelor interactive direct în documentele text. Framework-ul se distinge prin tratarea ierarhiei locale de fișiere ca sursă principală de adevăr pentru rutarea și navigarea aplicației. Permite dezvoltatorilor să încorporeze elemente UI dinamice direct în fișierele text și oferă o interfață vizuală pentru editarea conținutului și a metadatelor pe baza unor scheme predefinite. Această abordare permite crearea de documentație bogată, interactivă și site-uri bazate pe conținut, unde structura repository-ului dictează arhitectura site-ului. Dincolo de gestionarea de bază, sistemul include capabilități pentru indexarea căutării full-text, evidențierea automată a sintaxei codului și generarea de fragmente de conținut. Suportă recuperarea datelor type-safe printr-o interfață de interogare fluentă, asigurându-se că colecțiile de conținut rămân consistente și validate față de schemele definite atât în timpul dezvoltării, cât și în producție.
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.