Awesome GitHub RepositoriesStreaming Rendering

React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.

Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

Cheerio is an HTML and XML parsing library and server-side DOM implementation. It functions as a markup manipulation tool and CSS selector engine, allowing users to parse, query, and modify HTML or XML documents in non-browser environments. The project provides a DOM-like tree representation of markup strings, enabling programmatic addition, removal, and modification of elements and attributes. It features a prototype-based plugin system that allows the extension of core functionality by adding custom methods to the document prototype. The library covers a broad range of capabilities includi

llm-universe is a structured learning resource and technical guide focused on the development of large language model applications. It serves as a curriculum for mastering model orchestration, the creation of autonomous conversational agents, and the implementation of retrieval-augmented generation systems. The project provides detailed instructions on connecting model APIs with memory and tools to create execution chains. It specifically covers the construction of retrieval pipelines, including the process of cleaning raw documents, generating embeddings, and integrating vector databases to

Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

Liquid is a secure template engine and markup language used to generate dynamic HTML or text by combining static templates with backend data. It functions as a web template renderer that transforms markup into final output while restricting available logic to prevent arbitrary code execution. The engine focuses on secure markup execution, providing a restricted environment where user-provided templates cannot access sensitive system data. It utilizes a safe evaluation sandbox to ensure that only a predefined set of instructions can be executed. The system includes capabilities for template s

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur

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

Om is a frontend state management library and reactive user interface framework that integrates ClojureScript functional programming with the React virtual DOM rendering engine. It provides a bridge to build responsive web interfaces where visual elements automatically update when underlying application data changes. The project centers on a normalized state store that flattens complex data structures into a relational format. This data is accessed through a reader-based querying system, which decouples the user interface from the state by allowing components to declare specific data requirem

Mesop is a stateful, declarative Python web UI framework and component library designed for building interactive web applications and AI demos. It allows for the construction of data-driven interfaces and chat systems using only Python, removing the need to write separate HTML or CSS. The framework is specifically tailored for AI application development, offering dedicated tools for conversational UI design and the creation of dashboards for large language model applications. It distinguishes itself with a visual UI editor for real-time property adjustments and the ability to embed custom Jav

Markdig is a markdown parser library that converts text into structured HTML, plain text, or other formats using a configurable pipeline. It functions as a CommonMark compliant parser and an abstract syntax tree generator that transforms markdown into a hierarchical tree of block and inline nodes with precise source location mapping. The project is distinguished by a decoupled renderer architecture that separates parsing logic from output generation, enabling the transformation of the syntax tree into non-HTML formats such as LaTeX or XAML. It also serves as a lossless markdown processor by t

Reagent هو إطار عمل لبناء واجهات مستخدم الويب باستخدام ClojureScript و React.js. يتيح نهج البرمجة الوظيفية لتصميم واجهة المستخدم التصريحية، حيث يتم تعريف هياكل HTML وتسلسلات هرمية للمكونات باستخدام بناء جملة Hiccup القائم على المتجهات بدلاً من JSX. يتميز المشروع من خلال نظام إدارة حالة تفاعلي يعتمد على الذرات (atoms). يتتبع المكونات التي تقوم بإلغاء مرجعية ذرات حالة معينة لتشغيل إعادة العرض التلقائي ويوفر مؤشرات حالة لعزل التحديثات إلى مسارات معينة لذرة حالة أكبر. كما يتضمن أدوات لتغليف مكونات JavaScript الأصلية ومكتبات الطرف الثالث لضمان بقائها متوافقة مع دورة العرض الوظيفية. يغطي إطار العمل مجموعة واسعة من القدرات، بما في ذلك التوفيق بين DOM الافتراضي، وإدارة دورة الحياة للآثار الجانبية والتنظيف، وتحسين أداء العرض من خلال تجميع التحديثات وتخزين الحسابات مؤقتاً (memoization). كما يوفر أدوات لعرض جانب الخادم لسلاسل HTML الثابتة، ومشاركة الحالة العالمية عبر السياق، وأساسيات الأمان لتعقيم محتوى HTML.

next-learn هي مجموعة من الموارد التعليمية ونماذج التنفيذ لبناء تطبيقات ويب متكاملة (Full-stack). تعمل كمورد تعليمي ودرس تعليمي لإطار عمل Next.js، حيث توفر كوداً أولياً ومشاريع أمثلة توضح العرض من جانب الخادم (SSR) والنظام البيئي المعتمد على React. يوفر المشروع قالب ويب متكامل يعرض تنفيذاً كاملاً لتكامل قاعدة البيانات، ومصادقة المستخدم، ومنطق جانب الخادم. يتضمن أمثلة مرجعية لتحسين أداء الويب، توضح تحديداً استخدام مكونات الخادم، وإجراءات الخادم، والتوجيه الديناميكي. تغطي قاعدة الكود سطحاً واسعاً من قدرات التطبيقات المتكاملة، بما في ذلك إدارة البيانات من خلال الاستعلام والتعديل من جانب الخادم، والتحكم في الوصول القائم على الهوية عبر حراس المسار، وهيكلية التنقل باستخدام التوجيه القائم على نظام الملفات. كما تنفذ استراتيجيات عرض متنوعة، وتحسين الأصول للصور والخطوط، وتصميم واجهة المستخدم.

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

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

Streamdown is a streaming markdown renderer for React that transforms incoming markdown text into sanitized HTML in real time, handling incomplete blocks as they arrive. It parses GitHub-Flavored Markdown syntax including tables, task lists, and footnotes, and renders LaTeX math expressions using KaTeX, Mermaid diagrams as interactive SVGs, and code blocks with Shiki-based syntax highlighting supporting over 200 languages with dual light and dark themes. The renderer includes an XSS-safe HTML sanitizer that strips dangerous tags and validates URLs to prevent injection attacks. What distinguis

Infographic is a declarative SVG infographic engine and AI-powered generator that transforms structured specifications and natural language descriptions into complete visual layouts. At its core, it provides a data storytelling framework that combines AI-driven layout generation with multi-pattern composition, supporting linear, circular, radial, tree, and mirror arrangements for sequential, hierarchical, and comparative data structures. The project distinguishes itself through a canvas-based interactive editor with real-time element manipulation and state history management, alongside a serv

vue-meta هو مدير بيانات وصفية لتطبيقات Vue.js ينسق حقن وإلغاء تكرار ودمج علامات HTML head و body. يعمل كجهاز تحكم في رأس المستند، مما يسمح للمطورين بتحديد وتحديث العناوين، والعلامات الوصفية، وعلامات الروابط، والأنماط، والنصوص البرمجية داخل بنية مكون عبر كل من بيئات جانب العميل وجانب الخادم. تتميز المكتبة بنظام دمج هرمي حيث يمكن للمكونات الفرعية تجاوز البيانات الوصفية المحددة بواسطة المكونات الأصلية. تضمن سلامة المستند باستخدام إلغاء التكرار القائم على المعرف لمنع العلامات المكررة وتستخدم نظام تنسيق لإدارة البيانات الوصفية من مثيلات تطبيقات مستقلة متعددة على صفحة واحدة. تشمل إمكانياتها الأوسع تحسين محركات البحث من خلال حقن البيانات الوصفية من جانب الخادم، وإدراج بيانات JSON منظمة ومعقمة، وربط البيانات الوصفية الديناميكية التي تحل القيم بناءً على حالة المكون. يتم معالجة الأداء عبر تجميع إطار الرسوم المتحركة للطلب لمنع الوميض وبث الاستجابة التزايدي للعرض من جانب الخادم. يوفر المشروع أدوات لإنشاء البيانات الوصفية الثابتة لإنتاج سلاسل قوالب HTML دون الحاجة إلى مثيل مكون مباشر.