11 रिपॉजिटरी
Isolating plugin frontend execution within separate iframes for security and performance.
Distinct from Plugin Renderers: Specific to using iframes for isolation, whereas Plugin Renderers is about the rendering lifecycle.
Explore 11 awesome GitHub repositories matching user interface & experience · Iframe-Based Rendering. Refine with filters or upvote what's useful.
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
Isolates individual visualization dashboards within separate iframes to ensure plugin execution stability.
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
Renders remote web content inside isolated iframes within window containers.
GodMode is a browser-based AI orchestrator and web interface aggregator that allows users to interact with multiple large language model providers through a single consolidated workspace. It functions as a multi-model chat client and comparison tool, enabling the broadcasting of a single prompt to several AI platforms simultaneously to evaluate responses side by side. The project distinguishes itself by embedding external AI web applications within isolated frames and using a shared messaging bridge to distribute inputs. It employs custom CSS overlays and a dynamic layout grid to provide unif
Renders multiple external AI web applications within isolated frames to provide a unified multi-model dashboard.
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
Renders live code demos inside isolated iframes to prevent style conflicts.
dtale is a web-based interactive grid and visualizer for pandas dataframes, designed as an exploratory data analysis tool. It provides a browser-based interface for analyzing tabular data structures, allowing users to calculate statistics, detect outliers, and compute correlations without writing manual code. The project functions as an embedded data viewer that can be integrated into web applications via iframes or custom routes, with specific support for Django, Flask, and Streamlit. It enables the exploration of datasets through a combination of an interactive data grid and a data visualiz
Provides the ability to embed interactive data grids into other web applications using iframes.
Wujie is a micro-frontend framework and orchestrator designed to embed multiple independent web applications into a single host shell. It provides a system for managing the lifecycle, mounting, and state preservation of sub-applications while maintaining strict JavaScript and CSS isolation. The framework utilizes a web component sandbox combining iframes and custom elements to prevent global variable pollution and style leakage. It features a decentralized event bus for data exchange and state synchronization between isolated micro-applications, along with a mechanism to mirror internal sub-a
Uses separate iframes to isolate the JavaScript execution of micro-applications, preventing global namespace pollution.
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
Adjusts iframe dimensions automatically to match content size, preventing scrollbars and ensuring visual fit.
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
Utilizes hidden iframes to isolate printable content from the main application layout.
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
Uses iframes to isolate the editor and previewer styles, preventing CSS conflicts with the host web application.
यह एक WebRTC वीडियो कॉलिंग प्लेटफॉर्म और ब्राउज़र-आधारित वीडियो कॉन्फ्रेंसिंग टूल है। यह ब्राउज़र में सीधे ग्रुप ऑडियो और वीडियो कॉल होस्ट करने के लिए एक इंस्टेंट कम्युनिकेशन रूम जनरेटर और एम्बेड करने योग्य वीडियो कॉल विजेट प्रदान करता है। यह प्लेटफॉर्म बिना किसी प्रमाणीकरण के संचार वर्कफ़्लो को सक्षम बनाता है, जिससे उपयोगकर्ता खाता पंजीकरण या सॉफ़्टवेयर इंस्टॉलेशन की आवश्यकता के बिना निजी वीडियो सत्र स्थापित करने के लिए अद्वितीय, साझा करने योग्य लिंक बनाए जा सकते हैं। यह सिस्टम रीयल-टाइम ग्रुप वीडियो कॉलिंग को सपोर्ट करता है और iframes तथा मानक फ्रेम तत्वों का उपयोग करके बाहरी वेबसाइटों या एप्लिकेशन में संचार इंटरफेस को एकीकृत करने की क्षमता प्रदान करता है।
Integrates the video calling interface into external web pages using iframes for direct user communication.
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
Renders targeted components into a hidden iframe to trigger the browser print dialog without altering the main page layout.