Awesome GitHub RepositoriesFrontend Frameworks

Taro is a cross-platform application development framework designed to build a single codebase that runs across multiple mobile platforms and web browsers. It focuses on mini-program development for ecosystems such as WeChat, Alipay, and ByteDance, as well as hybrid mobile application deployment. The project enables multi-framework frontend engineering, allowing developers to use React or Vue to create user interfaces that compile to different target environments. It employs a framework-agnostic abstract layer and a unified virtual DOM translation to map high-level component logic to various

Backstage is an open-source framework for building internal developer portals. It provides a centralized, metadata-driven software catalog that tracks ownership, dependencies, and lifecycle status for all technical assets by harvesting configuration files directly from version control systems. The platform is built on a plugin-based modular architecture, allowing teams to extend core functionality through isolated, independently deployable modules that integrate into a unified frontend and backend ecosystem. The project distinguishes itself through its focus on developer productivity and stan

TodoMVC is a web application specification and a JavaScript framework comparison suite. It provides a standardized set of requirements used to generate feature-complete task-tracking applications across different languages and frameworks, serving as a frontend architectural reference. The project functions as a behavioral test suite and a cross-framework benchmark. It allows for the evaluation of frontend libraries by comparing identical application implementations to analyze differences in syntax, coding patterns, and functional capabilities. The suite covers broad capability areas includin

React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

Qwik is a resumable JavaScript web framework and component-based UI library designed to build high-performance web applications. It functions as a frontend web framework that optimizes page load speed and runtime performance by delaying JavaScript execution until a user interacts with a specific component. The framework eliminates the traditional hydration phase by restoring application state from the server. It uses serialization to embed state and event listeners directly into the HTML, allowing the application to resume interactivity without re-executing JavaScript to rebuild the component

This project provides a framework for managing multi-agent systems, designed to automate complex software development, infrastructure, and business workflows. It functions as a multi-agent workflow orchestrator that routes tasks to domain-specific workers while maintaining state persistence and infrastructure automation. By leveraging large language models, the system decomposes high-level objectives into actionable plans, ensuring that complex operations are executed with consistency and reliability. The framework distinguishes itself through its hierarchical agent registry and policy-driven

This project is a web-based rich text editor designed for markdown content authoring. It provides a dual-mode interface that synchronizes raw markdown syntax with a visual WYSIWYG editing experience, allowing users to toggle between modes while maintaining a consistent document state. The editor distinguishes itself through a modular architecture that supports custom content blocks and plugin extensions. This system enables the integration of specialized features such as code syntax highlighting, chart rendering, diagram generation, and complex table formatting. It also includes a live previe

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

Frappe is a Python-based low-code web framework used for building data-driven business applications. It functions as a full-stack meta-framework that integrates a Python backend with a JavaScript frontend, providing a development environment for rapid application prototyping and deployment. The framework employs a model-driven architecture that automatically generates database schemas, REST API endpoints, and administrative interfaces based on defined metadata. This system is complemented by a command-line scaffolding tool for creating standardized project directory structures and boilerplate

This project is a Spring Cloud microservices boilerplate and distributed system infrastructure designed to accelerate the development of enterprise Java applications. It provides a reference architecture that combines a Java backend with a decoupled Vue.js frontend framework. The system includes a complete e-commerce reference implementation, featuring a digital storefront with a full shopping workflow and a backend operations platform for business management. It also integrates OAuth 2.0 for identity management, supporting stateless authentication and third-party login services. The infrast

Choo هو إطار عمل أمامي وظيفي لبناء تطبيقات الويب. يتكون من مجموعة من الأدوات بما في ذلك موجه (router) من جانب العميل، ومحرك لمقارنة DOM، ومكتبة JavaScript متماثلة (isomorphic). يستخدم المشروع بنية قائمة على الأحداث لفصل منطق العمل عن العرض، وتنسيق تحديثات الحالة وتحديثات العرض من خلال باعث أحداث مركزي. يوظف العرض المتماثل لإنشاء مخرجات HTML باستخدام مسار منطقي واحد لكل من سلاسل جانب الخادم ومعالجة DOM من جانب العميل. يدير إطار العمل كائن حالة مشترك يقوم بمزامنة البيانات عبر المعالجات وطرق العرض. يتم معالجة الأداء من خلال محرك مقارنة DOM الذي يستخدم التخزين المؤقت للمكونات القائم على المعرف والتوفيق اليدوي لتقليل الطفرات المكلفة. يقوم الموجه بتعيين مسارات URL إلى دوال المعالجة واستخراج المعلمات المسماة مباشرة إلى حالة التطبيق المشتركة.

Choo is a minimalist frontend framework providing a tiny foundation for building web applications. It functions as an event-driven application core that decouples business logic from rendering and includes a client-side router to manage browser history and URL mapping without page reloads. The project distinguishes itself through an architecture that combines a server-side rendering engine for generating static HTML strings with a stateful UI component library. This allows for the creation of self-contained interface elements that maintain internal data and persist across global renders. The

Didact is a virtual DOM UI framework and functional component library. It utilizes a concurrent rendering engine and a fiber-based reconciliation library to synchronize a visual interface with data changes. The framework implements a concurrent rendering engine that breaks rendering work into resumable chunks. This prevents long-running tasks from blocking the main browser thread by dividing interface updates into small units of work. The system covers virtual DOM implementation and fiber architecture, using a linked-list fiber tree to track element relationships. It manages function compone

هذا المشروع عبارة عن مجموعة عمل برمجية تعاونية ومسار إصدار يركز على التطوير التقني وطرح تحديث مكتبة React 18. يعمل كجهد تنسيق مجتمعي ومنتدى نقاش لإدارة المعالم ومجموعات الميزات لهذا الإصدار الرئيسي من إطار عمل الواجهة الأمامية. تسهل مجموعة العمل تنسيق إصدار البرمجيات مفتوحة المصدر وتخطيط إصدارات البرامج من خلال مجموعة موزعة من المساهمين. تركز على جمع التعليقات التقنية المجتمعية وإدارة المناقشات العامة لتحسين كود المكتبة ووثائقها قبل الإصدار الرسمي. يغطي نطاق التطوير عرض واجهة المستخدم المتزامن، وإدارة حالة الواجهة الأمامية، وتحسين منطق التوفيق والعرض الداخلي.

Poi هو مجمع وحدات ومترجم أصول قابل للتوسيع وبدون تكوين لتطوير الواجهة الأمامية الحديث. يعمل كنظام بناء يحول JavaScript و JSX و CSS إلى ملفات متوافقة مع المتصفح ويجمعها في حزم واحدة لتسليم الويب. تم بناء الأداة حول بنية المكونات الإضافية التي تسمح بامتدادات مخصصة لخط أنابيب البناء وإضافة منطق معالجة الأصول المتخصص. يستخدم نظام تعيين قائم على الاتفاقية لأتمتة إعدادات البناء والمخرجات المستهدفة دون الحاجة إلى ملفات تكوين يدوية. يغطي المشروع مجموعة واسعة من قدرات التجميع، بما في ذلك تجميع إطار عمل الواجهة الأمامية، ودقة الأصول التلقائية، ومعالجة الملفات الثابتة. يستخدم تحويلات شجرة بناء الجملة المجردة لتمكين التعديل البرمجي والتجميع الخاص بإطار العمل للكود المصدري.

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

paopao-ce هي منصة مجتمعية اجتماعية مصممة لنشر المحتوى وإدارة علاقات المستخدمين. توفر بيئة شبكات قابلة للتطوير تنفذ كلاً من نماذج الصداقة والمتابعة لتنظيم تفاعل المستخدم ومشاركة المحتوى. تدمج المنصة محفظة رقمية واتصالاً ببوابة دفع للتعامل مع المعاملات المالية والحفاظ على أرصدة المستخدمين. وتستخدم مزيجاً من واجهة خلفية تعتمد على Go وواجهة أمامية تعتمد على JavaScript لتقديم خدماتها. يتضمن النظام قدرات لإدارة الهوية عبر التحقق من الرسائل القصيرة وجلسات العمل القائمة على الرموز الآمنة. كما يتميز بالبحث عن محتوى المجتمع باستخدام الفهرسة المعكوسة، واستمرارية الوسائط من خلال تخزين الكائنات، والإنشاء التلقائي لمواصفات API القابلة للقراءة آلياً. تتم معالجة الملاحظة من خلال التقاط سجلات النظام وتوصيف الأداء لتحديد اختناقات المعالجة.

rxdrag is a declarative frontend framework and low-code builder used to create web interfaces and application logic visually. It functions as an HTML web interface designer and visual logic orchestrator, allowing users to define structures and data flows through a graphical interface to reduce imperative coding. The system enables the design of responsive frontend layouts and user interactions using a coordinate-based editor. It integrates a logic engine that allows application behavior to be defined by arranging visual blocks rather than writing manual code. The framework covers frontend wo

Stellar Core is the primary software implementation of the Stellar blockchain network, serving as a distributed ledger and a Federated Byzantine Agreement system. It functions as a core node that maintains the shared state of the network and provides a runtime environment for executing WebAssembly smart contracts. The project enables the creation and management of digital assets, including the implementation of decentralized exchanges through distributed orderbooks and automated liquidity pools. It facilitates cross-border payment settlement by routing assets via path payments and bridging di

هذا المشروع عبارة عن مجموعة من مكونات الواجهة القابلة لإعادة الاستخدام والتي يمكن الوصول إليها، والمبنية خصيصاً لإطار العمل Svelte. يعمل المشروع كنظام تصميم متكامل، حيث يوفر أدوات قياسية لبناء واجهات مستخدم متجاوبة وشاملة تلتزم بمعايير التصميم وإرشادات سهولة الوصول. تتميز المكتبة بتكاملها العميق مع إطار العمل Svelte، حيث تستخدم تحويلات تعتمد على المترجم (compiler) لتحسين عرض المكونات ومزامنة الحالة التفاعلية. كما تتضمن نظاماً قوياً لإدارة السمات (themes) يطبق الأنماط المرئية عبر خصائص CSS المخصصة، مما يسمح بتبديل السمات ديناميكياً أثناء التشغيل. بالإضافة إلى ذلك، تستخدم المكتبة تقنية العرض عبر البوابات (portal-based rendering) لعناصر الواجهة العائمة لضمان عدم حجبها بواسطة قيود الحاويات الأبوية. تغطي مجموعة المكونات نطاقاً واسعاً من متطلبات الواجهة، بما في ذلك إدارة جداول البيانات المهيكلة، وبناء النماذج الديناميكية مع التحقق المدمج، وحاويات التخطيط المتجاوبة. كما توفر أدوات متخصصة لتتبع نقاط توقف الشاشة (breakpoints)، وإدارة استمرارية حالة التطبيق، وتقديم إشعارات المستخدم عبر أنظمة مضمنة أو مشروطة (modal). صُممت المكتبة لدعم سير عمل تطوير فعال من خلال تقليم الأنماط غير المستخدمة وتحسين تسليم الأصول أثناء عملية البناء.