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 est un orchestrateur d'IA basé sur navigateur et un agrégateur d'interface web qui permet aux utilisateurs d'interagir avec plusieurs fournisseurs de grands modèles de langage via un espace de travail consolidé unique. Il fonctionne comme un client de chat multi-modèle et un outil de comparaison, permettant la diffusion d'un prompt unique vers plusieurs plateformes d'IA simultanément pour évaluer les réponses côte à côte. Le projet se distingue en intégrant des applications web d'IA externes au sein de cadres isolés et en utilisant un pont de messagerie partagé pour distribuer les entrées. Il emploie des superpositions CSS personnalisées et une grille de mise en page dynamique pour fournir un contrôle et une navigation unifiés sur ces interfaces disparates. Le système inclut des outils de gestion d'espace de travail pour redimensionner les fenêtres et basculer les modes visuels, ainsi qu'un menu de gestion des fournisseurs pour contrôler quelles interfaces de modèle sont actives. La productivité est soutenue par un mappage de commandes piloté par clavier et des raccourcis personnalisables pour déclencher des actions et rafraîchir les conversations.

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 est une grille interactive basée sur le web et un visualiseur pour les dataframes pandas, conçu comme un outil d'analyse exploratoire des données. Il fournit une interface basée sur le navigateur pour analyser les structures de données tabulaires, permettant aux utilisateurs de calculer des statistiques, de détecter des valeurs aberrantes et de calculer des corrélations sans écrire de code manuel. Le projet fonctionne comme un visualiseur de données intégré qui peut être intégré dans des applications web via des iframes ou des routes personnalisées, avec une prise en charge spécifique pour Django, Flask et Streamlit. Il permet l'exploration des jeux de données grâce à une combinaison d'une grille de données interactive et d'une bibliothèque de visualisation de données capable de générer des histogrammes, des boîtes à moustaches et des graphiques de dispersion 3D. La plateforme couvre un large éventail de capacités de gestion et d'analyse de données, notamment le nettoyage des données tabulaires, le remodelage et le filtrage interactif. Elle inclut des outils d'observabilité pour l'analyse des données manquantes, le calcul de corrélation et le score de puissance prédictive. Pour la gestion de session, elle prend en charge le suivi multi-instance et la persistance de l'état à travers les processus de travail concurrents. L'interface est protégée par une authentification par nom d'utilisateur et mot de passe et prend en charge l'ingestion de données à partir de fichiers délimités, de feuilles de calcul et de datastores ArcticDB.

Wujie est un framework de micro-frontend et un orchestrateur conçu pour intégrer de multiples applications web indépendantes dans un seul shell hôte. Il fournit un système pour gérer le cycle de vie, le montage et la préservation de l'état des sous-applications tout en maintenant une isolation stricte du JavaScript et du CSS. Le framework utilise un sandbox de composants web combinant iframes et éléments personnalisés pour empêcher la pollution des variables globales et les fuites de style. Il dispose d'un bus d'événements décentralisé pour l'échange de données et la synchronisation d'état entre des micro-applications isolées, ainsi qu'un mécanisme pour refléter la navigation interne de la sous-application vers l'URL du navigateur. Le projet couvre de larges domaines de capacité incluant la préservation de l'état de l'application pour restaurer les sessions utilisateur, l'isolation de l'exécution JavaScript et l'encapsulation CSS. Il gère également le contrôle du cycle de vie de l'application, permettant le montage, le démontage et le rafraîchissement des applications enfants.

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 is a JavaScript print library that provides a client-side interface for triggering system print dialogs and formatting HTML content for physical paper output from a web browser. It functions as a browser print controller that manages the lifecycle of temporary print documents to ensure consistent rendering. The library utilizes a DOM-to-frame printing utility that clones specific HTML elements into hidden iframes. This process isolates printable content from the main page layout, allowing the system to render a clean document without triggering a full page reload. The tool covers br

EpicEditor is a JavaScript-based Markdown editor designed as an embeddable UI component for web applications. It functions as a local-first content manager, utilizing browser local storage for automatic draft saving and offline content persistence. The editor is distinguished by its use of iframes to isolate styles, preventing CSS leakage between the editor and the host application. It features a customizable Markdown parser that allows developers to replace the default parsing engine with custom functions to transform text into specific output formats. The system provides a split-pane inter

Il s'agit d'une plateforme d'appel vidéo WebRTC et d'un outil de visioconférence basé sur navigateur. Il fournit un générateur de salles de communication instantanée et un widget d'appel vidéo intégrable pour héberger des appels audio et vidéo de groupe directement dans le navigateur. La plateforme permet un flux de communication sans authentification, autorisant la création de liens uniques et partageables pour établir des sessions vidéo privées sans nécessiter de création de compte utilisateur ou d'installation de logiciel. Le système prend en charge les appels vidéo de groupe en temps réel et offre des capacités d'intégration de l'interface de communication dans des sites web ou applications externes via des iframes et des éléments de cadre standard.

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