Awesome GitHub RepositoriesStreaming Rendering

React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.

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 ist ein Framework zum Erstellen von Web-Benutzeroberflächen unter Verwendung von ClojureScript und React.js. Es ermöglicht einen funktionalen Programmieransatz für deklaratives UI-Design, bei dem HTML-Strukturen und Komponenten-Hierarchien unter Verwendung der vektor-basierten Hiccup-Syntax anstelle von JSX definiert werden. Das Projekt unterscheidet sich durch ein reaktives Zustandsmanagementsystem auf Basis von Atomen. Es verfolgt, welche Komponenten spezifische Zustandsatome dereferenzieren, um automatische Re-Renders auszulösen, und bietet Zustands-Cursor, um Updates auf spezifische Pfade eines größeren Zustandsatoms zu isolieren. Es enthält zudem Utilities zum Umhüllen nativer JavaScript-Komponenten und Bibliotheken von Drittanbietern, um sicherzustellen, dass sie mit dem funktionalen Rendering-Zyklus kompatibel bleiben. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich Virtual-DOM-Reconciliation, Lifecycle-Management für Side-Effects und Bereinigung sowie Rendering-Performance-Optimierung durch Update-Batching und Calculation-Memoization. Es bietet zudem Tools für serverseitiges Rendering statischer HTML-Strings, globales Zustands-Sharing via Context sowie Sicherheitsprimitive für die HTML-Inhaltssanitisierung.

next-learn ist eine Sammlung von Bildungsressourcen und Referenzimplementierungen für den Aufbau von Full-Stack-Webanwendungen. Sie dient als Lernressource und Tutorial für das Next.js-Framework und bietet Starter-Code sowie Beispielprojekte, die Server-Side-Rendering und das React-basierte Ökosystem demonstrieren. Das Projekt bietet ein Full-Stack-Web-Template, das eine vollständige Implementierung von Datenbankintegration, Nutzerauthentifizierung und serverseitiger Logik zeigt. Es enthält Referenzbeispiele für die Optimierung der Web-Performance, insbesondere die Demonstration der Verwendung von Server Components, Server Actions und dynamischem Routing. Die Codebasis deckt ein breites Spektrum an Full-Stack-Funktionen ab, einschließlich Datenmanagement durch serverseitige Abfragen und Mutationen, identitätsbasierter Zugriffskontrolle mittels Route-Guards und Navigationsarchitektur unter Verwendung von Dateisystem-Routing. Sie implementiert zudem verschiedene Rendering-Strategien, Asset-Optimierung für Bilder und Schriftarten sowie UI-Styling.

Dieses Projekt ist ein Framework für Konversationsschnittstellen und eine UI-Komponentenbibliothek, die für den Aufbau von Anwendungen mit Integration von Large Language Models entwickelt wurde. Es bietet eine standardisierte Provider-Integrationsschicht, um Frontend-Komponenten mit verschiedenen KI-Backends zu verbinden, sowie eine dedizierte Response-Rendering-Engine zur Anzeige generierter Inhalte. Das Framework ist auf hybride generative UI-Komposition spezialisiert und verbindet traditionelle interaktive Elemente mit dynamischen Modellausgaben. Es verfügt über ein protokollgesteuertes System zur Konvertierung strukturierter Datenströme in interaktive Karten und enthält Werkzeuge zur Visualisierung der internen Reasoning-Prozesse und Gedankengänge eines Modells. Die Bibliothek deckt eine breite Palette an Funktionen ab, einschließlich inkrementellem Markdown-Rendering, Konversations-Lebenszyklusmanagement und Persona-Konfiguration. Sie bietet zudem spezialisierte Komponenten für Prompting, die Erfassung von Nutzerfeedback und die Verwaltung von Chat-Sitzungszuständen. Ein Befehlszeilen-Dienstprogramm ist für das Projekt-Scaffolding verfügbar, um die Generierung initialer Projektstrukturen und Boilerplate-Code zu automatisieren.

Harmony ist ein KI-SDK, das für das Tokenisieren von Konversationen, das Formatieren von Reasoning-Layouts, das Parsen von Rohausgaben und das Definieren von Tool-Call-Schemata entwickelt wurde. Es bietet ein System zur Konvertierung strukturierter Dialoge und Tool-Calls in die Token-Sequenzen, die für die Inferenz und das Training von Large Language Models erforderlich sind. Das Projekt enthält einen Output-Formatter, der Reasoning-Ketten und Multi-Channel-Ausgaben in konsistente Layouts strukturiert, um Token-Verlust zu vermeiden. Es bietet zudem einen Response-Parser, der rohe Completion-Token und Live-Streams zurück in strukturierte Nachrichtenobjekte und Rollen transformiert. Das SDK verwaltet die Tool-Integration durch ein Framework zur Definition aufrufbarer Funktionen und Namespaces. Es bietet zudem Funktionen für Echtzeit-Token-Parsing, Konfiguration des Modellverhaltens und zustandsbehaftete Konversations-Serialisierung.

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 ist ein Metadaten-Manager für Vue.js-Anwendungen, der die Injektion, Deduplizierung und Zusammenführung von HTML-Head- und Body-Tags koordiniert. Er dient als Dokument-Head-Controller, der es Entwicklern ermöglicht, Titel, Meta-Tags, Link-Tags, Styles und Skripte innerhalb einer Komponentenarchitektur sowohl in clientseitigen als auch in serverseitigen Umgebungen zu definieren und zu aktualisieren. Die Bibliothek zeichnet sich durch ein hierarchisches Zusammenführungssystem aus, bei dem untergeordnete Komponenten Metadaten überschreiben können, die von übergeordneten Komponenten definiert wurden. Sie stellt die Dokumentintegrität durch identifier-basierte Deduplizierung sicher, um doppelte Tags zu verhindern, und nutzt ein Koordinationssystem, um Metadaten von mehreren unabhängigen Anwendungsinstanzen auf einer einzigen Seite zu verwalten. Zu den umfassenderen Funktionen gehören Suchmaschinenoptimierung durch serverseitige Metadaten-Injektion, das Einfügen bereinigter strukturierter JSON-Daten und dynamische Metadaten-Bindung, die Werte basierend auf dem Komponentenstatus auflöst. Die Performance wird durch Request-Animation-Frame-Batching adressiert, um Flackern zu verhindern, sowie durch inkrementelles Response-Streaming für serverseitiges Rendering. Das Projekt bietet Dienstprogramme für die statische Metadatengenerierung, um HTML-Template-Strings zu erzeugen, ohne eine Live-Komponenteninstanz zu benötigen.