26 repository-uri
Provides capabilities to stream rendered HTML output to the client.
Distinguishing note: Focuses on streaming delivery rather than static string generation.
Explore 26 awesome GitHub repositories matching web development · Streaming Rendering. Refine with filters or upvote what's useful.
React este o bibliotecă JavaScript pentru construirea de interfețe utilizator bazată pe o arhitectură orientată pe componente și flux de date unidirecțional.
Converts component trees into static strings for environments that do not support streaming.
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
Delivers rendered component output to the client as it becomes ready using standardized streams.
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
Converts a manipulated document tree back into a static HTML or XML string for final output.
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.
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
Writes rendered content to a buffer or stream sequentially to optimize memory usage for large templates.
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
Continues paused server-side renders to generate complete static HTML strings once data dependencies resolve.
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.
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
Describes rendering components into readable streams to send the user interface in small pieces.
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
Converts application state and routes into static HTML strings for fast initial server-side rendering.
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
Converts a hierarchy of visual components into static strings for server-side content delivery.
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.
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
Writes converted markdown content directly to a text stream to minimize memory usage for large documents.
Reagent este un framework pentru construirea de interfețe web folosind ClojureScript și React.js. Acesta permite o abordare de programare funcțională pentru designul UI declarativ, unde structurile HTML și ierarhiile de componente sunt definite folosind sintaxa Hiccup bazată pe vectori în loc de JSX. Proiectul se diferențiază printr-un sistem reactiv de gestionare a stării bazat pe atomi. Urmărește ce componente dereferențiază atomi de stare specifici pentru a declanșa re-randări automate și oferă cursori de stare pentru a izola actualizările la căi specifice ale unui atom de stare mai mare. Include, de asemenea, utilitare pentru încapsularea componentelor JavaScript native și a bibliotecilor terțe pentru a se asigura că rămân compatibile cu ciclul de randare funcțional. Framework-ul acoperă o gamă largă de capabilități, inclusiv reconcilierea virtual DOM, gestionarea ciclului de viață pentru efecte secundare și curățare, și optimizarea performanței de randare prin batching-ul actualizărilor și memoizarea calculelor. Oferă, de asemenea, instrumente pentru randarea pe server a șirurilor HTML statice, partajarea stării globale prin context și primitive de securitate pentru igienizarea conținutului HTML.
Converts component trees into static strings for non-streaming server-side environments.
next-learn este o colecție de resurse educaționale și implementări de referință pentru construirea de aplicații web full-stack. Servește ca resursă de învățare și tutorial pentru framework-ul Next.js, oferind cod de pornire și proiecte exemplu care demonstrează server-side rendering și ecosistemul bazat pe React. Proiectul oferă un template web full-stack care prezintă o implementare completă a integrării cu baze de date, autentificarea utilizatorilor și logica server-side. Include exemple de referință pentru optimizarea performanței web, demonstrând în mod specific utilizarea server components, server actions și rutarea dinamică. Codul sursă acoperă o suprafață largă de capabilități full-stack, inclusiv gestionarea datelor prin interogări și mutații server-side, controlul accesului bazat pe identitate prin route guards și arhitectura de navigare folosind rutarea bazată pe sistemul de fișiere. Implementează, de asemenea, diverse strategii de randare, optimizarea activelor pentru imagini și fonturi, precum și stilizarea interfeței utilizator.
Delivers page content in chunks using fallback UI to prevent data requests from blocking initial renders.
Acest proiect este un framework de interfață conversațională și o bibliotecă de componente UI concepută pentru construirea aplicațiilor integrate cu modele de limbaj mari. Oferă un strat de integrare a furnizorilor standardizat pentru a conecta componentele frontend la diverse backend-uri AI, alături de un motor de randare a răspunsurilor dedicat pentru afișarea conținutului generat. Framework-ul se specializează în compoziția hibridă generative-UI, îmbinând elementele interactive tradiționale cu output-urile dinamice ale modelelor. Dispune de un sistem bazat pe protocol pentru convertirea fluxurilor de date structurate în carduri interactive și include instrumente pentru vizualizarea proceselor interne de raționament și a lanțurilor de gândire ale unui model. Biblioteca acoperă o gamă largă de capabilități, inclusiv randarea incrementală markdown, gestionarea ciclului de viață al conversației și configurarea persoanei. Oferă, de asemenea, componente specializate pentru prompting, capturarea feedback-ului utilizatorului și gestionarea stărilor sesiunilor de chat. Este disponibil un utilitar de linie de comandă pentru scaffolding-ul proiectului, pentru a automatiza generarea structurilor inițiale ale proiectului și a codului boilerplate.
Processes incremental data chunks from AI providers to update the UI in real-time.
Harmony este un SDK AI conceput pentru tokenizarea conversațiilor, formatarea layout-urilor de raționament, parsarea output-urilor brute și definirea schemelor de apelare a instrumentelor. Acesta oferă un sistem pentru conversia dialogului structurat și a apelurilor de instrumente în secvențe de token-uri necesare pentru inferența și antrenarea modelelor de limbaj mari. Proiectul include un formator de output care structurează lanțurile de raționament și output-urile multi-canal în layout-uri consistente pentru a preveni pierderea de token-uri. De asemenea, dispune de un parser de răspunsuri care transformă token-urile brute de completare și fluxurile live înapoi în obiecte de mesaje structurate și roluri. SDK-ul gestionează integrarea instrumentelor printr-un framework pentru definirea funcțiilor apelabile și a namespace-urilor. Oferă, de asemenea, capabilități pentru parsarea token-urilor în timp real, configurarea comportamentului modelului și serializarea conversațiilor cu stare.
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 is a metadata manager for Vue.js applications that coordinates the injection, deduplication, and merging of HTML head and body tags. It serves as a document head controller, allowing developers to define and update titles, meta tags, link tags, styles, and scripts within a component architecture across both client-side and server-side environments. The library distinguishes itself through a hierarchical merging system where child components can override metadata defined by parent components. It ensures document integrity using identifier-based deduplication to prevent duplicate tags
Sends metadata to the browser incrementally during server-side rendering so the page head renders before the full body arrives.