17 مستودعات
Real-time updating of UI elements as data chunks arrive from external sources.
Distinct from Streaming Rendering: Focuses on incremental parsing and rendering of text content like markdown and code, rather than HTML streaming for web clients.
Explore 17 awesome GitHub repositories matching web development · Incremental Content Streaming. Refine with filters or upvote what's useful.
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
Explains how to deliver generated text in small chunks to reduce perceived latency for a more responsive user experience.
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
Supports real-time syntax highlighting and markdown parsing as content chunks stream in from external sources.
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
Sends data to the client in small chunks to allow users to see updates before the full response finishes.
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
Uses Python generators to push incremental UI updates to the browser as data is produced.
next-learn هي مجموعة من الموارد التعليمية ونماذج التنفيذ لبناء تطبيقات ويب متكاملة (Full-stack). تعمل كمورد تعليمي ودرس تعليمي لإطار عمل Next.js، حيث توفر كوداً أولياً ومشاريع أمثلة توضح العرض من جانب الخادم (SSR) والنظام البيئي المعتمد على React. يوفر المشروع قالب ويب متكامل يعرض تنفيذاً كاملاً لتكامل قاعدة البيانات، ومصادقة المستخدم، ومنطق جانب الخادم. يتضمن أمثلة مرجعية لتحسين أداء الويب، توضح تحديداً استخدام مكونات الخادم، وإجراءات الخادم، والتوجيه الديناميكي. تغطي قاعدة الكود سطحاً واسعاً من قدرات التطبيقات المتكاملة، بما في ذلك إدارة البيانات من خلال الاستعلام والتعديل من جانب الخادم، والتحكم في الوصول القائم على الهوية عبر حراس المسار، وهيكلية التنقل باستخدام التوجيه القائم على نظام الملفات. كما تنفذ استراتيجيات عرض متنوعة، وتحسين الأصول للصور والخطوط، وتصميم واجهة المستخدم.
Delivers page content in chunks using fallback UI to prevent data requests from blocking initial renders.
هذا المشروع عبارة عن إطار عمل لواجهة محادثة ومكتبة مكونات واجهة مستخدم مصممة لبناء تطبيقات مدمجة مع نماذج لغوية كبيرة. يوفر طبقة تكامل مزود موحدة لربط مكونات الواجهة الأمامية بخلفيات الذكاء الاصطناعي المختلفة، إلى جانب محرك عرض استجابة مخصص لعرض المحتوى المولد. يتخصص إطار العمل في تكوين واجهة المستخدم التوليدية الهجينة، حيث يمزج بين العناصر التفاعلية التقليدية ومخرجات النموذج الديناميكية. يتميز بنظام قائم على البروتوكول لتحويل تدفقات البيانات المهيكلة إلى بطاقات تفاعلية ويتضمن أدوات لتصور عمليات التفكير الداخلية للنموذج وسلاسل التفكير. تغطي المكتبة مجموعة واسعة من القدرات، بما في ذلك عرض Markdown التزايدي، وإدارة دورة حياة المحادثة، وتكوين الشخصية. كما توفر مكونات متخصصة للمطالبة، والتقاط ملاحظات المستخدم، وإدارة حالات جلسة الدردشة. تتوفر أداة سطر أوامر لسقالات المشروع لأتمتة إنشاء هياكل المشروع الأولية وكود القالب.
Processes incremental data chunks from AI providers to update the UI in real-time.
Harmony هو SDK ذكاء اصطناعي مصمم لترميز المحادثات، وتنسيق تخطيطات التفكير، وتحليل المخرجات الخام، وتحديد مخططات استدعاء الأدوات. يوفر نظاماً لتحويل الحوارات المنظمة واستدعاءات الأدوات إلى تسلسلات الرموز المطلوبة لاستنتاج وتدريب النماذج اللغوية الكبيرة. يتضمن المشروع منسق مخرجات ينظم سلاسل التفكير والمخرجات متعددة القنوات في تخطيطات متسقة لمنع فقدان الرموز. كما يتميز بمحلل استجابة يحول رموز الإكمال الخام والبث المباشر مرة أخرى إلى كائنات وأدوار رسائل منظمة. يدير SDK تكامل الأدوات من خلال إطار عمل لتحديد الوظائف القابلة للاستدعاء ومساحات الأسماء. كما يوفر قدرات لتحليل الرموز في الوقت الفعلي، وتكوين سلوك النموذج، وتسلسل المحادثة القائم على الحالة.
Processes incoming tokens one by one to identify roles and content in real-time from a live stream.
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
Imports animation CSS to enable the built-in animated prop for streaming markdown rendering.
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
Provides real-time incremental rendering of infographics as AI-generated syntax fragments arrive.
vue-meta هو مدير بيانات وصفية لتطبيقات Vue.js ينسق حقن وإلغاء تكرار ودمج علامات HTML head و body. يعمل كجهاز تحكم في رأس المستند، مما يسمح للمطورين بتحديد وتحديث العناوين، والعلامات الوصفية، وعلامات الروابط، والأنماط، والنصوص البرمجية داخل بنية مكون عبر كل من بيئات جانب العميل وجانب الخادم. تتميز المكتبة بنظام دمج هرمي حيث يمكن للمكونات الفرعية تجاوز البيانات الوصفية المحددة بواسطة المكونات الأصلية. تضمن سلامة المستند باستخدام إلغاء التكرار القائم على المعرف لمنع العلامات المكررة وتستخدم نظام تنسيق لإدارة البيانات الوصفية من مثيلات تطبيقات مستقلة متعددة على صفحة واحدة. تشمل إمكانياتها الأوسع تحسين محركات البحث من خلال حقن البيانات الوصفية من جانب الخادم، وإدراج بيانات JSON منظمة ومعقمة، وربط البيانات الوصفية الديناميكية التي تحل القيم بناءً على حالة المكون. يتم معالجة الأداء عبر تجميع إطار الرسوم المتحركة للطلب لمنع الوميض وبث الاستجابة التزايدي للعرض من جانب الخادم. يوفر المشروع أدوات لإنشاء البيانات الوصفية الثابتة لإنتاج سلاسل قوالب HTML دون الحاجة إلى مثيل مكون مباشر.
Sends metadata to the browser incrementally during server-side rendering so the page head renders before the full body arrives.
react-server is a server-side rendering framework for building universal web applications. It serves as a hydration engine and HTML renderer that executes component logic on both the server and the client to synchronize application state. The project focuses on streaming content delivery, allowing page content to be sent to the browser in fragments as they become available. This approach is combined with server-side HTML generation to improve initial load speeds and search engine indexing. The framework also includes capabilities for automated asset bundling and universal component execution
Sends HTML fragments to the browser incrementally so users see content before the full response finishes.
This project is an AI API gateway and proxy that translates and normalizes requests between different AI model formats to ensure compatibility across client applications. It functions as a middleware service that can transform local command-line binaries into web services, allowing them to be triggered via HTTP requests. The system is distinguished by its ability to route multimodal text and image inputs and extract internal reasoning chains from model outputs to separate the chain of thought from the final answer. It includes an authentication manager that automatically cycles through multip
Sends model responses incrementally using a chunked transfer mechanism for real-time UI updates.
Nearley is a JavaScript parser toolkit used to define context-free grammars and generate corresponding parsers. It features an EBNF grammar compiler that transforms language definitions written in extended Backus-Naur Form into executable JavaScript code, utilizing an Earley parser implementation to process any context-free grammar. The toolkit distinguishes itself by its ability to handle left-recursion and ambiguity without failing, allowing it to identify and return multiple valid derivations for a single input string. It also includes a grammar fuzzing generator to produce random strings
Parses input streams in real time to provide immediate feedback or predictive results in a UI.
Nearley is a JavaScript parser toolkit and context-free grammar compiler. It functions as an Earley parser generator that transforms BNF-like grammar definitions into executable code capable of analyzing text and generating abstract syntax trees. The project is distinguished by its ability to handle any context-free grammar, including those with left recursion and ambiguity, by maintaining multiple valid derivations for a single input. It further supports incremental parsing, allowing input strings to be processed in chunks to provide partial results and real-time feedback. Beyond core parsi
Processes text streams in small chunks to provide immediate structural feedback for user interfaces.
MadelineProto is an asynchronous PHP library that provides a programmatic interface for interacting with the Telegram API using the MTProto protocol, the same protocol used by official Telegram clients. It functions as both a Telegram bot SDK and a userbot automation library, enabling PHP applications to connect to Telegram as either a bot account or a regular user account, sending and receiving messages, media, and other data directly without relying on the Bot API intermediary. The library is built on an event-driven architecture with Amp v3 fiber-based concurrency, allowing for non-blockin
Streams photo contents as byte streams for Telegram incremental processing.
يوفر هذا المشروع مجموعة أدوات واجهة مراسلة متعددة المنصات مصممة لبناء تطبيقات دردشة في الوقت الفعلي ووكلاء ذكاء اصطناعي توليدي. يقدم المشروع مجموعة من المكونات الجاهزة التي تعرض تجارب مراسلة متسقة عبر بيئات الهاتف المحمول والويب، مع التعامل مع تعقيدات إدارة الحالة ومزامنة البيانات بين واجهة المستخدم وخدمات الخلفية. تتميز المكتبة بمعمارية معيارية للغاية تسمح للمطورين بحقن منطق مخصص وتجاوزات واجهة المستخدم عبر وظائف البناء (builder functions). يتيح هذا النهج إنشاء تخطيطات وسمات مراسلة مخصصة مع الحفاظ على دعم ميزات متقدمة مثل العرض المتزايد للبث (incremental stream rendering) لاستجابات الذكاء الاصطناعي، وتحليل Markdown، والتخزين المؤقت للموارد المحلية المستمرة لتحسين الأداء والوصول دون اتصال. تدعم الواجهة نطاقاً واسعاً من أنواع المحتوى، بما في ذلك النصوص، والصور، ومرفقات الملفات، وتحديثات حالة النظام. يدير النظام هذه العناصر من خلال نمذجة بيانات قياسية ووحدات تحكم مركزية، مما يضمن بقاء التمثيل المرئي متزامناً مع حالة الرسالة الأساسية. يتضمن النظام أيضاً أدوات لإدارة تراكب المحتوى وتحكم دقيق في دورة حياة أصول الوسائط المخزنة مؤقتاً.
Processes and displays text content in chunks to simulate real-time typing effects for generative AI interactions.
The YAML Language Server is a backend service that provides intelligent editing support for YAML files by implementing the Language Server Protocol. It functions as a validation and analysis engine, enabling code editors to offer real-time diagnostics, structural feedback, and automated assistance for configuration-heavy development workflows. The project distinguishes itself through its schema-driven approach to data integrity, utilizing a JSON Schema validation engine to verify document structure against formal definitions. It supports complex configuration management by allowing developers
Processes only modified sections of a file to provide immediate feedback without re-parsing the entire document on every keystroke.