awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

24 مستودعات

Awesome GitHub RepositoriesDOM-Based Content Renderers

Renderers that parse syntax within the browser document object model to replace plain text nodes with formatted content.

Explore 24 awesome GitHub repositories matching content management & publishing · DOM-Based Content Renderers. Refine with filters or upvote what's useful.

Awesome DOM-Based Content Renderers GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • adam-p/markdown-hereالصورة الرمزية لـ adam-p

    adam-p/markdown-here

    60,218عرض على GitHub↗

    Markdown Here is a browser extension that enables rich text composition within web-based editors that lack native formatting support. By transforming plain text markdown syntax into rendered HTML, it allows users to draft professional emails and documents using standard markup, including headers, tables, and footnotes, directly inside their browser. The tool distinguishes itself through a bidirectional transformation engine that supports both the conversion of markdown to HTML and the reversion of rendered content back into its original source code. This state-preserving functionality allows

    DOM-based parsing replaces plain text nodes with rendered HTML elements to update content dynamically within the browser.

    JavaScript
    عرض على GitHub↗60,218
  • videojs/video.jsالصورة الرمزية لـ videojs

    videojs/video.js

    39,805عرض على GitHub↗

    Video.js is a customizable HTML5 video player framework and JavaScript media plugin system. It provides a foundation for rendering and controlling web video playback across different devices and screen sizes, supporting both standard HTML5 integration and adaptive bitrate streaming for live or on-demand content. The project is distinguished by a modular architecture that allows for the extension of playback functionality through a class-based plugin system and middleware-based method interception. This enables the development of tailored media interfaces and the integration of specialized beh

    Overlays captions and subtitles on top of the video element using a programmable DOM layer for visual styling.

    JavaScriptdashhlshtml
    عرض على GitHub↗39,805
  • ariya/phantomjsالصورة الرمزية لـ ariya

    ariya/phantomjs

    29,489عرض على GitHub↗

    PhantomJS is a scriptable, headless browser engine based on WebKit that provides a programmatic interface for automating web page interactions. It operates without a graphical user interface, allowing for the execution of JavaScript to navigate pages, manipulate the document object model, and perform functional testing of web applications. The tool distinguishes itself by providing low-level control over the browser rendering lifecycle and network stack. It enables real-time interception and modification of network traffic, alongside the ability to generate visual snapshots and document expor

    Generates visual screenshots or document exports from web pages that rely on complex JavaScript to load content.

    C++automationheadlessheadless-browser
    عرض على GitHub↗29,489
  • apify/crawleeالصورة الرمزية لـ apify

    apify/crawlee

    24,002عرض على GitHub↗

    Crawlee is a web scraping framework designed for building scalable, reliable, and distributed data extraction pipelines. It provides a unified interface for managing headless browser automation and lightweight HTTP requests, allowing developers to handle complex web navigation, dynamic content rendering, and large-scale data collection within a single, modular architecture. The project distinguishes itself through its resource-aware concurrency controller, which dynamically scales task execution based on real-time CPU and memory usage to prevent host machine exhaustion. It also features a rob

    Provides utilities to serialize DOM nodes into HTML or text formats for storage or further processing.

    TypeScriptapifyautomationcrawler
    عرض على GitHub↗24,002
  • carguo/gsyvideoplayerالصورة الرمزية لـ CarGuo

    CarGuo/GSYVideoPlayer

    21,440عرض على GitHub↗

    GSYVideoPlayer is a versatile video player framework for Android that acts as a multi-engine playback wrapper. It provides a unified playback interface to control different video playback kernels, such as ExoPlayer, IJKplayer, and MediaPlayer, ensuring compatibility across diverse mobile hardware. The framework distinguishes itself through a flexible architecture that allows for core component swapping, enabling the replacement of playback engines, managers, or rendering layers. It includes a dedicated video caching manager for local storage and a customizable media UI component that supports

    Renders synchronized text elements such as subtitles and bullet chats as an overlay on the video surface.

    Java16kandroidexoplayer
    عرض على GitHub↗21,440
  • dropzone/dropzoneالصورة الرمزية لـ dropzone

    dropzone/dropzone

    18,377عرض على GitHub↗

    Dropzone is a JavaScript file upload library that provides a browser-based interface for capturing dropped files and transmitting them to a server. It functions as a multipart upload client, splitting large files into smaller chunks to increase transmission reliability and bypass server size limits. The library includes a client-side image processor capable of resizing images and correcting photo orientation in the browser before they are sent to a server. It generates image thumbnails and visual previews immediately after selection, and can render previews for files already hosted on a serve

    Generates visual representations of files by injecting thumbnail elements into the document DOM.

    JavaScriptdrag-and-dropdropzonefile-upload
    عرض على GitHub↗18,377
  • wangeditor-team/wangeditorالصورة الرمزية لـ wangeditor-team

    wangeditor-team/wangEditor

    18,351عرض على GitHub↗

    wangEditor is a JavaScript-based web rich text editor and WYSIWYG interface used for composing formatted documents directly in a browser. It serves as a client-side editing component for web applications to handle document styling and content manipulation. The editor is built as a plugin-based engine, allowing new features and formatting capabilities to be added through a registration interface. It utilizes a schema-driven approach to validate HTML tags and attributes, ensuring clean and consistent document output. The project provides tooling for content management systems, frontend text in

    Uses a DOM-based content renderer to maintain a live representation of formatted content within the browser.

    TypeScriptrich-textrich-text-html-editortypescript
    عرض على GitHub↗18,351
  • immersive-translate/immersive-translateالصورة الرمزية لـ immersive-translate

    immersive-translate/immersive-translate

    17,917عرض على GitHub↗

    Immersive Translate is a browser-based translation tool that integrates third-party translation engines and large language models to provide automated, real-time text conversion directly within the web interface. It functions as a browser extension that intercepts and modifies web content, injecting translated text nodes into the document object model to maintain original page layouts and styling. The project distinguishes itself through its granular control over the translation process, allowing users to define site-specific rules, manage custom terminology glossaries, and customize translat

    Injects translated text nodes directly into the document object model to maintain original page layout and styling.

    chrome-extensionsafari-extensiontranslation
    عرض على GitHub↗17,917
  • richards199999/thinking-claudeالصورة الرمزية لـ richards199999

    richards199999/Thinking-Claude

    17,061عرض على GitHub↗

    Thinking-Claude is a browser extension and reasoning interface designed to compel large language models to perform deep inner monologues before delivering final responses. It functions as a thought process formatter that organizes internal AI reasoning into a structured format. The tool uses systematic reasoning prompts and instruction-based injection to force models through a multi-step verification process. This ensures the AI executes a recursive loop of reasoning and self-correction prior to emitting an answer. To manage this output, the project employs client-side response interception

    Parses raw AI output to wrap reasoning blocks in collapsible HTML elements within the browser DOM.

    TypeScript
    عرض على GitHub↗17,061
  • atomiks/tippyjsالصورة الرمزية لـ atomiks

    atomiks/tippyjs

    12,270عرض على GitHub↗

    Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.

    Renders diverse content types including plain text, DOM elements, or function return values within popups.

    JavaScriptcomboboxdropdownmenu
    عرض على GitHub↗12,270
  • gitbucket/gitbucketالصورة الرمزية لـ gitbucket

    gitbucket/gitbucket

    9,370عرض على GitHub↗

    GitBucket is a self-hosted Git platform and version control hosting service that provides a web interface for managing repositories, issues, and pull requests. Built with a Scala-based manager, it functions as a GitHub API compatible server, allowing it to integrate with external tools that rely on that specific industry schema. The platform distinguishes itself by integrating a Maven repository host for storing and retrieving Java build artifacts alongside source code. It also features a plugin architecture that enables the addition of custom logic and new functionality to the core system.

    Renders visual previews of complex formats like notebooks and diagrams directly in the browser.

    Scalagitgitbucketscala
    عرض على GitHub↗9,370
  • mwaterfall/mwphotobrowserالصورة الرمزية لـ mwaterfall

    mwaterfall/MWPhotoBrowser

    8,717عرض على GitHub↗

    MWPhotoBrowser is an iOS photo gallery component and media selection tool. It provides a grid-based browser for displaying photos and videos sourced from local storage, system libraries, or web URLs. The component includes a metadata captioning overlay that maps external text properties to descriptive captions displayed over media. To optimize the browsing experience, it utilizes a disk-based remote media cache that saves web images and videos locally to reduce network requests. The system supports a media selection workflow allowing users to pick multiple items using checkboxes and state-ba

    Overlays descriptive metadata as text on top of media using custom view implementations.

    Objective-C
    عرض على GitHub↗8,717
  • shaka-project/shaka-playerالصورة الرمزية لـ shaka-project

    shaka-project/shaka-player

    8,120عرض على GitHub↗

    Shaka Player is a JavaScript library for streaming adaptive bitrate video and audio using open web standards in browsers. It functions as a media player that handles Dynamic Adaptive Streaming over HTTP and HTTP Live Streaming manifests and segments. The project includes a playback engine that integrates with Encrypted Media Extensions to authorize and unlock protected media streams. It further provides capabilities for downloading adaptive media and metadata to local storage for offline playback and rendering 360 and 180-degree video using specialized projections for virtual reality. The li

    Renders synchronized text overlays, including subtitles and captions, onto the video playback area.

    JavaScriptdashdrmencrypted-media
    عرض على GitHub↗8,120
  • rayventura/shortgptالصورة الرمزية لـ RayVentura

    RayVentura/ShortGPT

    7,413عرض على GitHub↗

    ShortGPT is an automated short-form video creation framework that combines large language model-driven scripting with neural voice synthesis, visual asset retrieval, and programmatic video editing. The project provides a modular pipeline architecture that chains script generation, voiceover synthesis, caption rendering, and video assembly into automated workflows, enabling the production of complete short videos from a topic prompt. The framework distinguishes itself through an LLM-oriented editing language that controls video assembly and rendering tasks programmatically, and a multilingual

    Produces timed subtitle tracks by synchronizing text with audio timestamps and compositing onto video frames.

    Pythonaiartificial-intelligenceautomation
    عرض على GitHub↗7,413
  • ubuwaits/beautiful-web-typeالصورة الرمزية لـ ubuwaits

    ubuwaits/beautiful-web-type

    7,339عرض على GitHub↗

    Beautiful Web Type is a curated directory and interactive preview tool for open-source, SIL-licensed typefaces, designed to help web designers discover, evaluate, and select fonts for their projects. It serves as a central hub where each typeface is presented with a full specimen gallery, weight and style comparisons, and clear licensing information, all rendered as a static site for fast loading. The project distinguishes itself through its comprehensive in-browser inspection capabilities, allowing designers to explore OpenType features like ligatures and alternate glyphs with live before-an

    Renders sample text as words, paragraphs, and figures so designers can evaluate readability and layout.

    CSSfontfontsgoogle-fonts
    عرض على GitHub↗7,339
  • imgly/background-removal-jsالصورة الرمزية لـ imgly

    imgly/background-removal-js

    7,192عرض على GitHub↗

    Background Removal JS is a client-side neural matting library that runs a lightweight AI model directly in the browser to compute alpha mattes, removing image backgrounds without uploading any data to a server. It functions as a browser-based image background removal SDK and client-side image matting library, keeping all processing on the user's device to eliminate server costs and preserve privacy. The project provides a cross-platform creative editing engine that produces identical image and video output across web, mobile, desktop, and server environments from a single codebase. It offers

    Inserts branded titles, captions, stickers, and logos with automatic brand styling applied.

    TypeScriptbackground-removalimage-mattingimage-segmentation
    عرض على GitHub↗7,192
  • sigil-ebook/sigilالصورة الرمزية لـ Sigil-Ebook

    Sigil-Ebook/Sigil

    6,842عرض على GitHub↗

    Sigil is a multi-platform ebook authoring suite and EPUB editor designed for creating, modifying, and structuring electronic publications. It serves as a digital publication tool for managing metadata and generating tables of contents for digital books. The software functions as an EPUB validator, checking ebook files for syntax errors and compliance with industry standards to ensure valid rendering. It also supports an extensible workspace where custom automation scripts can be used to add specialized capabilities. The suite covers digital content structuring and publication editing, provid

    Employs a WebKit browser engine to visualize HTML and CSS content for real-time ebook previewing.

    C++
    عرض على GitHub↗6,842
  • kalcaddle/kodexplorerالصورة الرمزية لـ kalcaddle

    kalcaddle/KodExplorer

    6,378عرض على GitHub↗

    KodExplorer is a web-based file manager and remote server administration tool that provides a desktop-like interface for organizing and managing files in a browser. It functions as an enterprise file sharing platform and an online document previewer, allowing users to view hundreds of file formats without local software installations. The system is distinguished by a plugin-based API gateway that exposes RESTful endpoints for third-party integrations and custom functional extensions. It also includes a browser-based code editor with syntax highlighting and autocomplete for over 120 languages,

    Renders common file formats directly in the browser to provide visual previews without local software.

    PHParchivecollaborationdocx
    عرض على GitHub↗6,378
  • 501351981/vue-officeالصورة الرمزية لـ 501351981

    501351981/vue-office

    5,618عرض على GitHub↗

    vue-office هو مكتبة لمعاينة مستندات Office وعارض مستندات قائم على الويب مصمم لعرض ملفات Word و Excel و PowerPoint و PDF مباشرة في متصفح الويب. يوفر مجموعة من المكونات القابلة لإعادة الاستخدام التي تسمح بعرض المستندات باستخدام روابط الشبكة أو مخازن البيانات المؤقتة أو بيانات blob دون الحاجة إلى إضافات خارجية. تم بناء حل العرض هذا كعارض مستندات عابر لأطر العمل، مما يوفر تكاملاً لـ Vue 2 و Vue 3 و React. يتيح عرض المستندات من جانب العميل لتجنب عمليات التحويل من جانب الخادم. تتعامل المكتبة مع تصور المستندات من خلال التحليل من جانب العميل وعرض المحتوى. تستخدم العرض القائم على canvas لملفات PDF وتعيين أنماط المستندات إلى CSS للحفاظ على الدقة البصرية داخل المتصفح.

    Maps parsed document elements to HTML and CSS for visual display using the browser DOM.

    JavaScriptdocxdocx-previewexcel
    عرض على GitHub↗5,618
  • nate-parrott/flashlightالصورة الرمزية لـ nate-parrott

    nate-parrott/Flashlight

    5,353عرض على GitHub↗

    Flashlight is a macOS Spotlight plugin framework and system integration tool. It serves as a custom search provider that allows the injection of tailored data sources and programmable result actions into the native macOS search interface. The system utilizes a plugin-based query interception model to return custom results and metadata. It distinguishes itself through a multi-language plugin system that supports region-specific visibility and content localization, as well as the ability to render rich, web-based inline previews directly within the search window. The framework covers search qu

    Implements rich, web-based inline previews that render directly within the macOS search window.

    Python
    عرض على GitHub↗5,353
السابق12التالي
  1. Home
  2. Content Management & Publishing
  3. Content Processing and Transformation
  4. Document Processing and Conversion
  5. Document Processing
  6. Rendering and Visualization
  7. DOM-Based Content Renderers

استكشف الوسوم الفرعية

  • Entity-to-Component DecoratorsMapping systems that replace plain text entities with custom React components during rendering. **Distinct from DOM-Based Content Renderers:** Focuses on the strategy pattern for decorating rich text entities into React components, not general DOM parsing.
  • File Preview Renderers2 وسوم فرعيةComponents that render visual previews of files within the browser document object model. **Distinct from DOM-Based Content Renderers:** Specifically handles file previews rather than general content transformation or text rendering.
  • Media Text Overlays2 وسوم فرعيةRenderers that overlay synchronized text tracks like captions and subtitles onto a video element. **Distinct from DOM-Based Content Renderers:** Specifically handles media-synchronized text overlays rather than general DOM content replacement.