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 هو منسق ذكاء اصطناعي قائم على المتصفح ومجمع واجهة ويب يسمح للمستخدمين بالتفاعل مع مزودي نماذج لغوية كبيرة متعددة من خلال مساحة عمل موحدة واحدة. يعمل كعميل دردشة متعدد النماذج وأداة مقارنة، مما يتيح بث مطالبة واحدة إلى العديد من منصات الذكاء الاصطناعي في وقت واحد لتقييم الاستجابات جنباً إلى جنب. يتميز المشروع بتضمين تطبيقات ويب الذكاء الاصطناعي الخارجية داخل إطارات معزولة واستخدام جسر مراسلة مشترك لتوزيع المدخلات. يستخدم تراكبات CSS مخصصة وشبكة تخطيط ديناميكية لتوفير تحكم وتنقل موحد عبر هذه الواجهات المتباينة. يتضمن النظام أدوات إدارة مساحة العمل لتغيير حجم النوافذ وتبديل الأوضاع البصرية، بالإضافة إلى قائمة إدارة المزود للتحكم في واجهات النماذج النشطة. يتم دعم الإنتاجية من خلال تعيين الأوامر القائم على لوحة المفاتيح ومفاتيح الاختصار القابلة للتخصيص لتشغيل الإجراءات وتحديث المحادثات.

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 هو شبكة تفاعلية قائمة على الويب ومصور لإطارات بيانات pandas، مصمم كأداة تحليل بيانات استكشافية. يوفر واجهة قائمة على المتصفح لتحليل هياكل البيانات الجدولية، مما يسمح للمستخدمين بحساب الإحصائيات، واكتشاف القيم المتطرفة، وحساب الارتباطات دون كتابة كود يدوي. يعمل المشروع كعارض بيانات مضمن يمكن دمجه في تطبيقات الويب عبر iframes أو مسارات مخصصة، مع دعم محدد لـ Django و Flask و Streamlit. يتيح استكشاف مجموعات البيانات من خلال مزيج من شبكة بيانات تفاعلية ومكتبة تصور بيانات قادرة على إنشاء رسوم بيانية، ومخططات صندوقية، ومخططات تشتت ثلاثية الأبعاد. تغطي المنصة مجموعة واسعة من قدرات إدارة وتحليل البيانات، بما في ذلك تنظيف البيانات الجدولية، وإعادة التشكيل، والتصفية التفاعلية. يتضمن أدوات مراقبة لتحليل البيانات المفقودة، وحساب الارتباط، وتسجيل القوة التنبؤية. لإدارة الجلسة، يدعم تتبع المثيلات المتعددة واستمرارية الحالة عبر عمليات العامل المتزامنة. الواجهة محمية بمصادقة اسم المستخدم وكلمة المرور وتدعم استيعاب البيانات من الملفات المحددة، وجداول البيانات، ومخازن بيانات ArcticDB.

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

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 هي مكتبة طباعة JavaScript توفر واجهة جانب العميل لتشغيل مربعات حوار طباعة النظام وتنسيق محتوى HTML لإخراج الورق المادي من متصفح الويب. تعمل كجهاز تحكم في طباعة المتصفح يدير دورة حياة مستندات الطباعة المؤقتة لضمان عرض متسق. تستخدم المكتبة أداة طباعة DOM-to-frame التي تستنسخ عناصر HTML محددة في إطارات iframe مخفية. تعزل هذه العملية المحتوى القابل للطباعة عن تخطيط الصفحة الرئيسي، مما يسمح للنظام بعرض مستند نظيف دون تشغيل إعادة تحميل كاملة للصفحة. تغطي الأداة تنسيق مستندات المتصفح وإدارة الطباعة من جانب العميل. تستخدم أوراق أنماط طباعة مخصصة لإعادة تنسيق التخطيطات وإخفاء عناصر واجهة المستخدم غير الأساسية خصيصاً للإخراج المادي.

EpicEditor هو محرر Markdown قائم على JavaScript مصمم كمكون واجهة مستخدم قابل للتضمين لتطبيقات الويب. يعمل كمدير محتوى محلي أولاً، حيث يستخدم التخزين المحلي للمتصفح لحفظ المسودات تلقائياً واستمرارية المحتوى دون اتصال. يتميز المحرر باستخدامه لـ iframes لعزل الأنماط، مما يمنع تسرب CSS بين المحرر والتطبيق المضيف. يتميز بمحلل Markdown قابل للتخصيص يسمح للمطورين باستبدال محرك التحليل الافتراضي بوظائف مخصصة لتحويل النص إلى تنسيقات إخراج محددة. يوفر النظام واجهة مقسمة للتحرير والمعاينة المتزامنة، مع دعم لوضع ملء الشاشة وتعديلات الأبعاد الديناميكية. يتضمن نظام إدارة مستندات لإنشاء الملفات وإعادة تسميتها وحذفها، بالإضافة إلى آليات لاستيراد وتصدير المحتوى كنص أو HTML أو JSON.

هذه منصة لمكالمات الفيديو عبر WebRTC وأداة لعقد المؤتمرات المرئية تعتمد على المتصفح. توفر مولداً فورياً لغرف التواصل وودجت (Widget) لمكالمات الفيديو يمكن تضمينه لاستضافة مكالمات صوتية ومرئية جماعية مباشرة داخل المتصفح. تتيح المنصة سير عمل تواصل دون الحاجة إلى مصادقة، مما يسمح بإنشاء روابط فريدة وقابلة للمشاركة لإجراء جلسات فيديو خاصة دون الحاجة لتسجيل حساب مستخدم أو تثبيت أي برمجيات. يدعم النظام مكالمات الفيديو الجماعية في الوقت الفعلي، ويوفر إمكانيات لدمج واجهة التواصل في مواقع أو تطبيقات خارجية باستخدام iframes وعناصر الإطار القياسية.

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