Awesome GitHub RepositoriesIframe-Based Rendering

TensorBoard is a visualization toolkit for tracking and analyzing machine learning model training progress and performance using TensorFlow event logs. It provides a monitoring dashboard for plotting scalar metrics, tensor distributions, and training curves, and includes specialized tools for visualizing neural network computational graphs and projecting high-dimensional embeddings. The project enables side-by-side comparison of multiple training runs to analyze the impact of hyperparameters on model outcomes. It also features a high-dimensional embedding projector and a graph visualizer for

Winbox is a browser-based windowing system and JavaScript library for creating draggable and resizable floating windows within a web interface. It functions as a floating window framework that enables the development of desktop-like experiences using a configurable viewport and coordinate system. The system allows for the rendering of various content types, including raw HTML, existing DOM elements, and remote URLs loaded via iframes. It provides extensive UI customization through custom window layout templates, visual theme application via CSS classes, and the addition of custom controls to

GodMode es un orquestador de IA basado en navegador y agregador de interfaz web que permite a los usuarios interactuar con múltiples proveedores de modelos de lenguaje de gran tamaño a través de un único espacio de trabajo consolidado. Funciona como un cliente de chat multimodelo y herramienta de comparación, permitiendo la transmisión de un único prompt a varios plataformas de IA simultáneamente para evaluar las respuestas lado a lado. El proyecto se distingue por incrustar aplicaciones web de IA externas dentro de marcos aislados y utilizar un puente de mensajería compartido para distribuir las entradas. Emplea superposiciones CSS personalizadas y una cuadrícula de diseño dinámica para proporcionar control y navegación unificados sobre estas interfaces dispares. El sistema incluye herramientas de gestión del espacio de trabajo para cambiar el tamaño de las ventanas y alternar modos visuales, así como un menú de gestión de proveedores para controlar qué interfaces de modelo están activas. La productividad se apoya mediante el mapeo de comandos impulsado por teclado y teclas de acceso rápido personalizables para activar acciones y actualizar conversaciones.

You-need-to-know-css is a curated library of pre-written CSS code snippets for common frontend styling tasks including layout patterns, visual effects, animations, and component styling. It serves as a quick reference for developers looking to implement ready-to-use styling solutions without writing CSS from scratch. The collection is organized by visual effect or layout category, with each snippet presented on a standalone page that includes syntax-highlighted code, property documentation explaining the CSS rules and their values, and a live inline demo rendered inside an isolated iframe to

dtale es una cuadrícula interactiva basada en web y visualizador para dataframes de pandas, diseñado como una herramienta de análisis de datos exploratorio. Proporciona una interfaz basada en navegador para analizar estructuras de datos tabulares, permitiendo a los usuarios calcular estadísticas, detectar valores atípicos y calcular correlaciones sin escribir código manual. El proyecto funciona como un visor de datos integrado que puede integrarse en aplicaciones web a través de iframes o rutas personalizadas, con soporte específico para Django, Flask y Streamlit. Permite la exploración de conjuntos de datos a través de una combinación de una cuadrícula de datos interactiva y una biblioteca de visualización de datos capaz de generar histogramas, diagramas de caja y gráficos de dispersión 3D. La plataforma cubre una amplia gama de capacidades de gestión y análisis de datos, incluyendo limpieza de datos tabulares, remodelación y filtrado interactivo. Incluye herramientas de observabilidad para el análisis de datos faltantes, cálculo de correlación y puntuación de poder predictivo. Para la gestión de sesiones, admite el seguimiento de múltiples instancias y la persistencia del estado en procesos de trabajo concurrentes. La interfaz está protegida por autenticación de nombre de usuario y contraseña y admite la ingesta de datos desde archivos delimitados, hojas de cálculo y almacenes de datos ArcticDB.

Wujie es un framework de micro-frontends y orquestador diseñado para incrustar múltiples aplicaciones web independientes en un único shell host. Proporciona un sistema para gestionar el ciclo de vida, el montaje y la preservación del estado de las subaplicaciones mientras mantiene un estricto aislamiento de JavaScript y CSS. El framework utiliza un sandbox de componentes web que combina iframes y elementos personalizados para evitar la contaminación de variables globales y la fuga de estilos. Cuenta con un bus de eventos descentralizado para el intercambio de datos y la sincronización de estados entre microaplicaciones aisladas, junto con un mecanismo para reflejar la navegación interna de la subaplicación en la URL del navegador. El proyecto cubre amplias áreas de capacidad, incluyendo la preservación del estado de la aplicación para restaurar sesiones de usuario, el aislamiento de la ejecución de JavaScript y la encapsulación de CSS. También gestiona el control del ciclo de vida de la aplicación, permitiendo el montaje, desmontaje y actualización de aplicaciones hijas.

mcp-ui is a toolkit and framework for rendering interactive web components and managing communication between Model Context Protocol servers and host applications. It serves as a client interface library and a sandboxed web component renderer designed to move AI tool interactions beyond text-based outputs into visual interfaces. The project is distinguished by its secure rendering system, which utilizes a double-iframe architecture and a proxy layer to isolate guest user interfaces from the host application. It employs a JSON-RPC bridge to synchronize state and route user intents, ensuring bi

Print.js es una librería de impresión de JavaScript que proporciona una interfaz del lado del cliente para activar diálogos de impresión del sistema y formatear contenido HTML para salida en papel físico desde un navegador web. Funciona como un controlador de impresión del navegador que gestiona el ciclo de vida de documentos de impresión temporales para garantizar un renderizado consistente. La librería utiliza una utilidad de impresión DOM-to-frame que clona elementos HTML específicos en iframes ocultos. Este proceso aísla el contenido imprimible del layout de la página principal, permitiendo al sistema renderizar un documento limpio sin activar una recarga completa de la página. La herramienta cubre el formateo de documentos del navegador y la gestión de impresión del lado del cliente. Utiliza hojas de estilo de impresión dedicadas para reformatear layouts y ocultar elementos de UI no esenciales específicamente para la salida física.

EpicEditor es un editor de Markdown basado en JavaScript diseñado como un componente de interfaz de usuario incrustable para aplicaciones web. Funciona como un gestor de contenido local-first, utilizando el almacenamiento local del navegador para el guardado automático de borradores y la persistencia de contenido offline. El editor se distingue por su uso de iframes para aislar estilos, evitando la fuga de CSS entre el editor y la aplicación anfitriona. Cuenta con un analizador (parser) de Markdown personalizable que permite a los desarrolladores reemplazar el motor de análisis predeterminado con funciones personalizadas para transformar texto en formatos de salida específicos. El sistema proporciona una interfaz de panel dividido para la edición y vista previa simultáneas, con soporte para modo de pantalla completa y ajustes dinámicos de dimensiones. Incluye un sistema de gestión de documentos para crear, renombrar y eliminar archivos, así como mecanismos para importar y exportar contenido como texto, HTML o JSON.

Esta es una plataforma de videollamadas WebRTC y una herramienta de videoconferencia basada en navegador. Proporciona un generador de salas de comunicación instantánea y un widget de videollamada integrable para organizar llamadas grupales de audio y video directamente en el navegador. La plataforma permite un flujo de trabajo de comunicación sin autenticación, facilitando la creación de enlaces únicos y compartibles para establecer sesiones de video privadas sin necesidad de registro de cuenta de usuario ni instalación de software. El sistema admite videollamadas grupales en tiempo real y ofrece capacidades para integrar la interfaz de comunicación en sitios web o aplicaciones externas mediante iframes y elementos de marco estándar.

This project is a React print component and utility for rendering specific components or DOM elements into a browser print dialog. It functions as a print layout controller and lifecycle manager, using a hidden iframe to isolate content so that printing does not alter the main page layout. The tool specializes in copying DOM and Shadow DOM content into a printable window while preserving encapsulated styles. It allows for the injection of custom fonts and CSS to manage page breaks, margins, and orientations for consistent physical paper or PDF output. The library includes asynchronous lifecy