Awesome GitHub RepositoriesVue Components

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

Aurora هي منصة تدوين شخصية مستضافة ذاتياً ونظام إدارة محتوى (CMS) يعتمد على RESTful. توفر لوحة تحكم إدارية مخصصة لنشر وإدارة المقالات، باستخدام Spring Boot في الخلفية و Vue.js في الواجهة الأمامية. يستخدم النظام بنية عميل-خادم مفصولة لفصل تخزين البيانات عن طبقة العرض. وهذا يسمح لواجهة الويب التفاعلية بتقديم وتصفح مقالات المدونة عبر REST API. تغطي المنصة سير عمل نشر المحتوى من البداية إلى النهاية، بما في ذلك إنشاء المقالات وتحريرها وتوزيعها. وتدير المحتوى المكتوب الشخصي من خلال تخزين خلفي متكامل وواجهة أمامية قائمة على المكونات.

هذا المشروع عبارة عن إضافة (plugin) للتفاعلية (reactivity) تجلب Composition API وإدارة الحالة التفاعلية من Vue 3 إلى تطبيقات Vue 2. يعمل المشروع كمنظم لمنطق المكونات (component logic) ونظام لتغليف الحالة التفاعلية والوظائف في أدوات مساعدة قابلة لإعادة الاستخدام. تتيح الإضافة استخدام وظائف قابلة للتركيب (composable functions) لمشاركة المنطق المعتمد على الحالة عبر المكونات دون الاعتماد على mixins. يوفر المشروع هيكلاً يعتمد على المتغيرات والوظائف البسيطة لتسهيل الاستنتاج التلقائي للأنواع (type inference) والإكمال التلقائي في المحرر. بالإضافة إلى ذلك، يتضمن نظام حقن تبعيات (dependency injection) يعتمد على الموفر (provider) لمشاركة البيانات والوظائف عبر شجرة المكونات. يغطي النظام إدارة الحالة التفاعلية، والخصائص المحسوبة (computed properties)، والمراقبين (watchers)، إلى جانب القدرة على ربط دورة حياة المكونات. كما يسمح بدمج مكتبات خارجية تعتمد على الحالة في نظام التفاعلية الأصلي ويدعم جلب البيانات مسبقاً (prefetching) على الخادم. المشروع مكتوب بلغة TypeScript.

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

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

Content هو محرك إدارة محتوى قائم على الملفات يحول ملفات Markdown وJSON إلى بيانات منظمة للاستخدام داخل تطبيقات الويب. يعمل كمحرك محتوى لموقع ثابت، حيث يحلل أنظمة الملفات المحلية إلى مجموعات قابلة للاستعلام مع توفير مكتبة لدمج المكونات التفاعلية مباشرة في مستندات النص. يتميز إطار العمل بمعاملة التسلسل الهرمي للملفات المحلية كمصدر أساسي للحقيقة لتوجيه التطبيق والتنقل. وهو يتيح للمطورين تضمين عناصر واجهة مستخدم ديناميكية مباشرة في الملفات النصية ويوفر واجهة مرئية لتحرير المحتوى والبيانات الوصفية بناءً على مخططات محددة مسبقاً. يسمح هذا النهج بإنشاء وثائق غنية وتفاعلية ومواقع مدفوعة بالمحتوى حيث يملي هيكل المستودع بنية الموقع. بالإضافة إلى الإدارة الأساسية، يتضمن النظام قدرات لفهرسة البحث بالنص الكامل، وتسليط الضوء على بناء جملة الكود المؤتمت، وتوليد مقتطفات المحتوى. وهو يدعم استرجاع البيانات الآمن من حيث النوع من خلال واجهة استعلام طليقة، مما يضمن بقاء مجموعات المحتوى متسقة ومتحققاً منها مقابل المخططات المحددة أثناء التطوير والإنتاج.

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

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

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

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

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