Awesome GitHub RepositoriesIsomorphic Frameworks

This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com

Meteor is a full-stack JavaScript application platform and real-time application server. It provides a unified development environment for building web and mobile applications using a single language for both the client and server. The platform functions as a cross-platform app framework, allowing a single codebase to be deployed across web, iOS, Android, and desktop environments. It differentiates itself through a real-time server that automatically synchronizes data between servers and clients to enable live updates. The system includes a unified development command-line interface to manag

Solid is a reactive UI library and isomorphic JavaScript framework used for building component-based user interfaces. It functions as a declarative component library and state management system that updates the DOM without using a virtual DOM. The framework utilizes fine-grained reactivity and proxy-based state management to track dependencies and trigger precise updates to specific text or attributes. It supports isomorphic rendering through streaming server-side rendering and progressive hydration, allowing content to be generated on both the server and the client. The system covers declar

Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

Inferno is an isomorphic JavaScript framework and virtual DOM UI library used for building user interfaces. It functions as a server-side rendering engine that converts virtual nodes into HTML strings for the server and hydrates them on the client to optimize initial load speeds and search engine indexing. The framework features a synthetic event system that provides a normalized interface for handling browser interactions consistently across different web environments. It employs a reactive UI model to synchronize state-driven updates and reactive streams with the browser document object mod

TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project

Univer is a modular, web-based framework for embedding high-performance office editing suites, including spreadsheets, documents, and presentations, directly into web applications. It utilizes a canvas-based rendering engine to manage complex layouts and large datasets, ensuring consistent performance during user interaction. The system is built on an isomorphic data model that allows the same document logic to function in both browser-based interfaces and headless server-side environments. The platform distinguishes itself through a command-based state mutation system and a dependency-graph

Rax هو إطار عمل لتطبيقات React الشاملة وبيئة JavaScript متماثلة (isomorphic) مصممة لتقديم قاعدة كود واحدة عبر منصات الويب، والهواتف المحمولة، والتطبيقات المصغرة (mini-programs). يعمل كمحرك عرض للمكونات عبر المنصات يقوم بترجمة مكونات React إلى عناصر خاصة بكل منصة باستخدام مواصفات تعريفية موحدة. يستخدم إطار العمل مواصفات تعريفية موحدة لواجهة المستخدم لفصل منطق المكون عن طبقة واجهة المستخدم الأساسية، مما يسمح بمعالجة DOM موحدة وإدارة الأحداث عبر بيئات تنفيذ مختلفة. تتيح هذه البنية دمج مكونات التطبيقات المصغرة الأصلية وإضافات خاصة بالمنصة للاستفادة من الأجهزة أو البرمجيات المحلية. يتضمن إطار عمل للعرض من جانب الخادم (SSR) لإنشاء HTML ثابت لتحسين سرعة التحميل الأولية وظهور محركات البحث، مكملاً بآلية ترطيب (hydration) من جانب العميل لجعل الواجهة تفاعلية. يوفر النظام أيضاً إدارة دورة حياة التطبيق الشاملة للتعامل مع التهيئة، والتوجيه، وانتقالات الحالة عبر المنصات.

Nerv هو إطار عمل JavaScript متماثل (isomorphic) ومكتبة DOM افتراضية تُستخدم لتطوير واجهات المستخدم القائمة على المكونات. يعمل كمكتبة متوافقة مع React وتحافظ على التوافق مع واجهة برمجة تطبيقات React 16. تم تصميم إطار العمل خصيصاً كإطار عمل UI للمتصفحات القديمة، حيث يوفر المنطق الداخلي اللازم للحفاظ على سلوك متسق في البيئات القديمة، بما في ذلك Internet Explorer 8. تغطي قدراته عرض الويب المتماثل من خلال توليد HTML من جانب الخادم والترطيب (hydration) من جانب العميل. تتضمن المكتبة أيضاً معالجة أخطاء الواجهة الأمامية لاعتراض تعطل المكونات ونظاماً لإدارة دورات حياة المكونات، ومجموعات الأجزاء (fragments)، والبوابات (portals).

Este هو إطار عمل ويب متماثل (isomorphic) مصمم لعرض التطبيقات على كل من الخادم والعميل مع حالة وتوجيه مشتركين. يعمل كلوحة تحكم لإدارة الجلسات عن بُعد، مما يوفر واجهة مركزية للتحكم في جلسات الوكيل عن بُعد من خلال تسليم الأوامر والموافقة على المطالبات. يتضمن إطار العمل نظاماً للتحكم في الوصول القائم على الأدوار يحمي مكونات الواجهة من خلال تغليف العناصر الحساسة في طبقة تفويض. كما يتميز بنظام إدارة جلسات عن بُعد يراقب إلحاح الوكيل ويعطي الأولوية للجلسات التي تتطلب إدخالاً فورياً من المستخدم. تغطي القدرات الإضافية إدارة حالة التطبيق العالمية عبر مخزن غير قابل للتغيير مع وظيفة التراجع والإعادة، بالإضافة إلى محرك للتحقق من صحة الإدخال باستخدام قواعد متزامنة وغير متزامنة. يوفر المشروع أيضاً أدوات لترجمة التطبيقات وتدويلها لدعم المستخدمين عبر مناطق مختلفة.

kbone is an isomorphic frontend framework and web-to-mini-program adapter. It serves as a cross-platform UI bridge and DOM simulation library that allows web applications to run inside WeChat Mini Programs by simulating a browser environment for JavaScript code. The project enables the migration of web UI frameworks into restricted environments by providing simulated browser interfaces and APIs. It translates standard web components and routing into native mini program elements and page transitions, allowing a single codebase to function as both a standard website and a mini program. The fra

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

Derby هو إطار عمل MVC متماثل (isomorphic) ومحرك مزامنة بيانات في الوقت الفعلي مصمم لبناء تطبيقات تعاونية. يعمل كمكتبة ربط بيانات ثنائية الاتجاه ومحرك قوالب يشارك قاعدة كود واحدة بين Node.js والمتصفح لمزامنة الحالة عبر العملاء والخوادم. يتميز إطار العمل باستخدام التحويل التشغيلي (operational transformation) لحل تعارضات البيانات تلقائياً، مما يتيح التحرير المشترك في الوقت الفعلي والتعاون متعدد المستخدمين. يستخدم نموذج طفرة حالة تفاضلي لتقليل التحديثات عن طريق إجراء فحوصات مساواة عميقة، مما يضمن نشر القيم المتغيرة فقط. تغطي المنصة مجموعة واسعة من القدرات بما في ذلك إدارة الحالة التفاعلية، والتوجيه المتماثل، وتطوير مكونات واجهة المستخدم النمطية. يوفر أدوات لإدارة مسارات البيانات المتداخلة، وتنفيذ العرض المتماثل للتحميلات الأولية السريعة، والتكامل مع البرمجيات الوسيطة للخادم. تم تنفيذ النظام باستخدام TypeScript.

Rendr is an isomorphic JavaScript framework and server-side renderer designed for Backbone.js applications. It synchronizes view rendering between Node.js servers and client browsers to provide initial HTML for improved search engine indexing and load speeds while maintaining application interactivity. The system uses a pluggable adapter system to decouple rendering logic from specific HTML template engines, allowing developers to swap or integrate custom engines. It also functions as a server-side proxy that intercepts client requests via virtual paths and forwards them to remote RESTful ser