Awesome GitHub RepositoriesStreaming Rendering

React es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.

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 es un framework para construir interfaces de usuario web utilizando ClojureScript y React.js. Permite un enfoque de programación funcional para el diseño de UI declarativa, donde las estructuras HTML y las jerarquías de componentes se definen utilizando sintaxis Hiccup basada en vectores en lugar de JSX. El proyecto se diferencia a través de un sistema de gestión de estado reactivo basado en átomos. Rastrea qué componentes desreferencian átomos de estado específicos para activar re-renderizados automáticos y proporciona cursores de estado para aislar actualizaciones a rutas específicas de un átomo de estado más grande. También incluye utilidades para envolver componentes nativos de JavaScript y bibliotecas de terceros para asegurar que permanezcan compatibles con el ciclo de renderizado funcional. El framework cubre una amplia gama de capacidades, incluyendo la reconciliación del DOM virtual, la gestión del ciclo de vida para efectos secundarios y limpieza, y la optimización del rendimiento de renderizado mediante el procesamiento por lotes de actualizaciones y la memorización de cálculos. También proporciona herramientas para el renderizado del lado del servidor de cadenas HTML estáticas, intercambio de estado global a través de contexto y primitivas de seguridad para la sanitización de contenido HTML.

next-learn es una colección de recursos educativos e implementaciones de referencia para construir aplicaciones web full-stack. Sirve como un recurso de aprendizaje y tutorial para el framework Next.js, proporcionando código inicial y proyectos de ejemplo que demuestran el renderizado del lado del servidor y el ecosistema basado en React. El proyecto proporciona una plantilla web full-stack que muestra una implementación completa de integración de bases de datos, autenticación de usuarios y lógica del lado del servidor. Incluye ejemplos de referencia para la optimización del rendimiento web, demostrando específicamente el uso de componentes de servidor, acciones de servidor y enrutamiento dinámico. El código base cubre una amplia superficie de capacidades full-stack, incluyendo la gestión de datos mediante consultas y mutaciones del lado del servidor, control de acceso basado en identidad mediante guardias de ruta y arquitectura de navegación mediante enrutamiento del sistema de archivos. También implementa varias estrategias de renderizado, optimización de activos para imágenes y fuentes, y estilizado de interfaz de usuario.

Este proyecto es un framework de interfaz conversacional y una biblioteca de componentes de interfaz de usuario diseñada para construir aplicaciones integradas con modelos de lenguaje de gran tamaño. Proporciona una capa de integración de proveedores estandarizada para conectar componentes frontend a varios backends de IA, junto con un motor de renderizado de respuestas dedicado para mostrar el contenido generado. El framework se especializa en la composición de interfaz generativa híbrida, mezclando elementos interactivos tradicionales con salidas de modelos dinámicos. Cuenta con un sistema impulsado por protocolos para convertir flujos de datos estructurados en tarjetas interactivas e incluye herramientas para visualizar los procesos de razonamiento interno y las cadenas de pensamiento de un modelo. La biblioteca cubre una amplia gama de capacidades, incluyendo renderizado incremental de markdown, gestión del ciclo de vida de la conversación y configuración de personas. También proporciona componentes especializados para la creación de prompts, captura de comentarios de usuarios y la gestión de estados de sesiones de chat. Se dispone de una utilidad de línea de comandos para el andamiaje (scaffolding) de proyectos para automatizar la generación de estructuras iniciales de proyectos y código boilerplate.

Harmony es un SDK de IA diseñado para tokenizar conversaciones, formatear diseños de razonamiento, analizar salidas crudas y definir esquemas de llamadas a herramientas. Proporciona un sistema para convertir diálogos estructurados y llamadas a herramientas en las secuencias de tokens necesarias para la inferencia y el entrenamiento de modelos de lenguaje de gran tamaño. El proyecto incluye un formateador de salida que estructura cadenas de razonamiento y salidas multicanal en diseños consistentes para evitar la pérdida de tokens. También cuenta con un analizador de respuestas que transforma los tokens de finalización crudos y los flujos en vivo de vuelta en objetos de mensaje y roles estructurados. El SDK gestiona la integración de herramientas a través de un framework para definir funciones invocables y espacios de nombres. Además, proporciona capacidades para el análisis de tokens en tiempo real, la configuración del comportamiento del modelo y la serialización de conversaciones con estado.

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 es un gestor de metadatos para aplicaciones Vue.js que coordina la inyección, deduplicación y fusión de etiquetas HTML head y body. Sirve como un controlador de cabecera de documento, permitiendo a los desarrolladores definir y actualizar títulos, meta etiquetas, etiquetas link, estilos y scripts dentro de una arquitectura de componentes tanto en entornos del lado del cliente como del servidor. La biblioteca se distingue por un sistema de fusión jerárquico donde los componentes hijos pueden sobrescribir metadatos definidos por componentes padres. Asegura la integridad del documento utilizando deduplicación basada en identificadores para prevenir etiquetas duplicadas y emplea un sistema de coordinación para gestionar metadatos de múltiples instancias de aplicación independientes en una sola página. Sus capacidades más amplias incluyen optimización para motores de búsqueda (SEO) mediante inyección de metadatos del lado del servidor, la inserción de datos JSON estructurados saneados y enlace de metadatos dinámico que resuelve valores basados en el estado del componente. El rendimiento se aborda mediante el procesamiento por lotes de requestAnimationFrame para prevenir parpadeos y streaming de respuesta incremental para renderizado del lado del servidor. El proyecto proporciona utilidades para la generación de metadatos estáticos para producir cadenas de plantillas HTML sin requerir una instancia de componente en vivo.