11 repository-uri
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 este un orchestrator AI bazat pe browser și un agregator de interfețe web care permite utilizatorilor să interacționeze cu mai mulți furnizori de modele de limbaj mari printr-un singur spațiu de lucru consolidat. Funcționează ca un client de chat multi-model și instrument de comparare, permițând difuzarea unui singur prompt către mai multe platforme AI simultan pentru a evalua răspunsurile una lângă alta. Proiectul se distinge prin încorporarea aplicațiilor web AI externe în cadre izolate și utilizarea unei punți de mesagerie partajate pentru a distribui intrările. Utilizează overlay-uri CSS personalizate și o grilă de layout dinamică pentru a oferi control și navigare unificate asupra acestor interfețe disparate. Sistemul include instrumente de gestionare a spațiului de lucru pentru redimensionarea ferestrelor și comutarea modurilor vizuale, precum și un meniu de gestionare a furnizorilor pentru a controla ce interfețe de model sunt active. Productivitatea este susținută prin maparea comenzilor bazată pe tastatură și taste rapide personalizabile pentru a declanșa acțiuni și a reîmprospăta conversațiile.
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 este o grilă interactivă bazată pe web și un vizualizator pentru dataframe-urile pandas, conceput ca un instrument de analiză exploratorie a datelor. Oferă o interfață bazată pe browser pentru analizarea structurilor de date tabelare, permițând utilizatorilor să calculeze statistici, să detecteze valori aberante și să calculeze corelații fără a scrie cod manual. Proiectul funcționează ca un vizualizator de date încorporat care poate fi integrat în aplicații web prin iframes sau rute personalizate, cu suport specific pentru Django, Flask și Streamlit. Permite explorarea seturilor de date printr-o combinație de grilă de date interactivă și o bibliotecă de vizualizare a datelor capabilă să genereze histograme, box plots și grafice scatter 3D. Platforma acoperă o gamă largă de capabilități de gestionare și analiză a datelor, inclusiv curățarea datelor tabelare, remodelarea și filtrarea interactivă. Include instrumente de observabilitate pentru analiza datelor lipsă, calculul corelației și scorarea puterii predictive. Pentru gestionarea sesiunilor, suportă urmărirea multi-instanță și persistența stării între procesele worker concurente. Interfața este protejată prin autentificare cu nume de utilizator și parolă și suportă ingestia de date din fișiere delimitate, foi de calcul și datastore-uri ArcticDB.
Provides the ability to embed interactive data grids into other web applications using iframes.
Wujie este un framework de micro-frontend și orchestrator conceput pentru a încorpora mai multe aplicații web independente într-un singur shell gazdă. Oferă un sistem pentru gestionarea ciclului de viață, montarea și conservarea stării sub-aplicațiilor, menținând în același timp o izolare strictă a JavaScript și CSS. Framework-ul utilizează un sandbox de componente web care combină iframes și elemente personalizate pentru a preveni poluarea variabilelor globale și scurgerile de stil. Dispune de un bus de evenimente descentralizat pentru schimbul de date și sincronizarea stării între micro-aplicații izolate, împreună cu un mecanism de oglindire a navigării interne a sub-aplicației către URL-ul browser-ului. Proiectul acoperă domenii extinse de capabilități, inclusiv conservarea stării aplicației pentru a restaura sesiunile utilizatorilor, izolarea execuției JavaScript și încapsularea CSS. De asemenea, gestionează controlul ciclului de viață al aplicației, permițând montarea, demontarea și reîmprospătarea aplicațiilor copil.
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 este o bibliotecă JavaScript care oferă o interfață client-side pentru declanșarea dialogurilor de imprimare ale sistemului și formatarea conținutului HTML pentru output pe hârtie fizică dintr-un browser web. Funcționează ca un controler de imprimare pentru browser care gestionează ciclul de viață al documentelor de imprimare temporare pentru a asigura o randare consistentă. Biblioteca utilizează un utilitar de imprimare DOM-to-frame care clonează elemente HTML specifice în iframe-uri ascunse. Acest proces izolează conținutul imprimabil de layout-ul paginii principale, permițând sistemului să randeze un document curat fără a declanșa o reîncărcare completă a paginii. Instrumentul acoperă formatarea documentelor în browser și gestionarea imprimării client-side. Utilizează foi de stil de imprimare dedicate pentru a reformat layout-urile și a ascunde elementele UI neesențiale special pentru output-ul fizic.
Utilizes hidden iframes to isolate printable content from the main application layout.
EpicEditor este un editor Markdown bazat pe JavaScript, conceput ca o componentă UI încorporabilă pentru aplicații web. Acesta funcționează ca un manager de conținut local-first, utilizând stocarea locală a browserului pentru salvarea automată a ciornelor și persistența conținutului offline. Editorul se distinge prin utilizarea iframe-urilor pentru a izola stilurile, prevenind scurgerile CSS între editor și aplicația gazdă. Dispune de un parser Markdown personalizabil care permite dezvoltatorilor să înlocuiască motorul de parsare implicit cu funcții personalizate pentru a transforma textul în formate de ieșire specifice. Sistemul oferă o interfață cu panou divizat pentru editare și previzualizare simultană, cu suport pentru modul fullscreen și ajustări dinamice ale dimensiunilor. Include un sistem de gestionare a documentelor pentru crearea, redenumirea și ștergerea fișierelor, precum și mecanisme pentru importul și exportul conținutului ca text, HTML sau JSON.
Uses iframes to isolate the editor and previewer styles, preventing CSS conflicts with the host web application.
Aceasta este o platformă de apeluri video WebRTC și un instrument de conferințe video bazat pe browser. Oferă un generator instantaneu de camere de comunicare și un widget de apel video care poate fi integrat pentru a găzdui apeluri audio și video de grup direct în browser. Platforma permite un flux de lucru de comunicare fără autentificare, permițând crearea de link-uri unice, partajabile, pentru a stabili sesiuni video private fără a necesita înregistrarea unui cont de utilizator sau instalarea de software. Sistemul suportă apeluri video de grup în timp real și oferă capabilități pentru integrarea interfeței de comunicare în site-uri web sau aplicații externe folosind iframes și elemente standard de tip frame.
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.