Awesome GitHub RepositoriesStreaming Rendering

React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

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 est un framework pour construire des interfaces utilisateur web en utilisant ClojureScript et React.js. Il permet une approche de programmation fonctionnelle pour la conception d'UI déclarative, où les structures HTML et les hiérarchies de composants sont définies en utilisant la syntaxe Hiccup basée sur des vecteurs au lieu de JSX. Le projet se différencie par un système de gestion d'état réactif basé sur des atomes. Il suit quels composants déréférencent des atomes d'état spécifiques pour déclencher des re-rendus automatiques et fournit des curseurs d'état pour isoler les mises à jour sur des chemins spécifiques d'un atome d'état plus large. Il inclut également des utilitaires pour envelopper des composants JavaScript natifs et des bibliothèques tierces afin de garantir qu'ils restent compatibles avec le cycle de rendu fonctionnel. Le framework couvre un large éventail de capacités, incluant la réconciliation du DOM virtuel, la gestion du cycle de vie pour les effets secondaires et le nettoyage, et l'optimisation des performances de rendu via le traitement par lots des mises à jour et la mémoïsation des calculs. Il fournit également des outils pour le rendu côté serveur de chaînes HTML statiques, le partage d'état global via le contexte, et des primitives de sécurité pour l'assainissement du contenu HTML.

next-learn est une collection de ressources éducatives et d'implémentations de référence pour créer des applications web full-stack. Il sert de ressource d'apprentissage et de tutoriel pour le framework Next.js, fournissant du code de démarrage et des projets d'exemple qui démontrent le rendu côté serveur et l'écosystème basé sur React. Le projet fournit un modèle web full-stack qui présente une implémentation complète de l'intégration de base de données, de l'authentification des utilisateurs et de la logique côté serveur. Il inclut des exemples de référence pour l'optimisation des performances web, démontrant spécifiquement l'utilisation des composants serveur, des actions serveur et du routage dynamique. La base de code couvre une large surface de capacités full-stack, notamment la gestion des données via des requêtes et mutations côté serveur, le contrôle d'accès basé sur l'identité via des route guards, et l'architecture de navigation utilisant le routage par système de fichiers. Il implémente également diverses stratégies de rendu, l'optimisation des ressources pour les images et les polices, et le stylage de l'interface utilisateur.

Ce projet est un framework d'interface conversationnelle et une bibliothèque de composants UI conçus pour construire des applications intégrées avec des modèles de langage (LLM). Il fournit une couche d'intégration de fournisseur standardisée pour connecter les composants frontend à divers backends d'IA, ainsi qu'un moteur de rendu de réponse dédié pour afficher le contenu généré. Le framework se spécialise dans la composition hybride générative-UI, mélangeant des éléments interactifs traditionnels avec des sorties de modèles dynamiques. Il dispose d'un système piloté par protocole pour convertir des flux de données structurés en cartes interactives et inclut des outils pour visualiser les processus de raisonnement internes et les chaînes de pensée d'un modèle. La bibliothèque couvre un large éventail de capacités, incluant le rendu markdown incrémental, la gestion du cycle de vie de la conversation et la configuration de persona. Elle fournit également des composants spécialisés pour le prompting, la capture de feedback utilisateur et la gestion des états de session de chat. Un utilitaire de ligne de commande est disponible pour le scaffolding de projet afin d'automatiser la génération de structures de projet initiales et de code boilerplate.

Harmony est un SDK d'IA conçu pour tokeniser les conversations, formater les mises en page de raisonnement, analyser les sorties brutes et définir des schémas d'appel d'outils. Il fournit un système pour convertir les dialogues structurés et les appels d'outils en séquences de jetons requises pour l'inférence et l'entraînement de grands modèles de langage. Le projet inclut un formateur de sortie qui structure les chaînes de raisonnement et les sorties multicanaux en mises en page cohérentes pour éviter la perte de jetons. Il dispose également d'un analyseur de réponse qui transforme les jetons de complétion bruts et les flux en direct en objets de message et rôles structurés. Le SDK gère l'intégration d'outils via un framework pour définir des fonctions appelables et des espaces de noms. Il fournit en outre des capacités pour l'analyse de jetons en temps réel, la configuration du comportement du modèle, et la sérialisation de conversation avec état.

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 est un gestionnaire de métadonnées pour les applications Vue.js qui coordonne l'injection, la déduplication et la fusion des balises HTML head et body. Il sert de contrôleur d'en-tête de document, permettant aux développeurs de définir et de mettre à jour des titres, des balises meta, des balises link, des styles et des scripts au sein d'une architecture de composants à travers des environnements côté client et côté serveur. La bibliothèque se distingue par un système de fusion hiérarchique où les composants enfants peuvent remplacer les métadonnées définies par les composants parents. Elle assure l'intégrité du document en utilisant une déduplication basée sur l'identifiant pour empêcher les balises en double et emploie un système de coordination pour gérer les métadonnées provenant de plusieurs instances d'application indépendantes sur une seule page. Ses capacités plus larges incluent l'optimisation pour les moteurs de recherche via l'injection de métadonnées côté serveur, l'insertion de données JSON structurées assainies et la liaison dynamique de métadonnées qui résout les valeurs en fonction de l'état du composant. La performance est traitée via le batching de requestAnimationFrame pour empêcher le scintillement et le streaming de réponse incrémentiel pour le rendu côté serveur. Le projet fournit des utilitaires pour la génération de métadonnées statiques afin de produire des chaînes de template HTML sans nécessiter une instance de composant en direct.