awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

24 dépôts

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

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • adam-p/markdown-hereAvatar de adam-p

    adam-p/markdown-here

    60,218Voir sur 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
    Voir sur GitHub↗60,218
  • videojs/video.jsAvatar de videojs

    videojs/video.js

    39,805Voir sur 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
    Voir sur GitHub↗39,805
  • ariya/phantomjsAvatar de ariya

    ariya/phantomjs

    29,489Voir sur 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
    Voir sur GitHub↗29,489
  • apify/crawleeAvatar de apify

    apify/crawlee

    24,002Voir sur 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
    Voir sur GitHub↗24,002
  • carguo/gsyvideoplayerAvatar de CarGuo

    CarGuo/GSYVideoPlayer

    21,440Voir sur 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
    Voir sur GitHub↗21,440
  • dropzone/dropzoneAvatar de dropzone

    dropzone/dropzone

    18,377Voir sur 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
    Voir sur GitHub↗18,377
  • wangeditor-team/wangeditorAvatar de wangeditor-team

    wangeditor-team/wangEditor

    18,351Voir sur 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
    Voir sur GitHub↗18,351
  • immersive-translate/immersive-translateAvatar de immersive-translate

    immersive-translate/immersive-translate

    17,917Voir sur 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
    Voir sur GitHub↗17,917
  • richards199999/thinking-claudeAvatar de richards199999

    richards199999/Thinking-Claude

    17,061Voir sur 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
    Voir sur GitHub↗17,061
  • atomiks/tippyjsAvatar de atomiks

    atomiks/tippyjs

    12,270Voir sur 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
    Voir sur GitHub↗12,270
  • gitbucket/gitbucketAvatar de gitbucket

    gitbucket/gitbucket

    9,370Voir sur 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
    Voir sur GitHub↗9,370
  • mwaterfall/mwphotobrowserAvatar de mwaterfall

    mwaterfall/MWPhotoBrowser

    8,717Voir sur 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
    Voir sur GitHub↗8,717
  • shaka-project/shaka-playerAvatar de shaka-project

    shaka-project/shaka-player

    8,120Voir sur 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
    Voir sur GitHub↗8,120
  • rayventura/shortgptAvatar de RayVentura

    RayVentura/ShortGPT

    7,413Voir sur 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
    Voir sur GitHub↗7,413
  • ubuwaits/beautiful-web-typeAvatar de ubuwaits

    ubuwaits/beautiful-web-type

    7,339Voir sur 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
    Voir sur GitHub↗7,339
  • imgly/background-removal-jsAvatar de imgly

    imgly/background-removal-js

    7,192Voir sur 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
    Voir sur GitHub↗7,192
  • sigil-ebook/sigilAvatar de Sigil-Ebook

    Sigil-Ebook/Sigil

    6,842Voir sur 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++
    Voir sur GitHub↗6,842
  • kalcaddle/kodexplorerAvatar de kalcaddle

    kalcaddle/KodExplorer

    6,378Voir sur 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
    Voir sur GitHub↗6,378
  • 501351981/vue-officeAvatar de 501351981

    501351981/vue-office

    5,618Voir sur GitHub↗

    vue-office est une bibliothèque de prévisualisation de documents bureautiques et une visionneuse de documents basée sur le web, conçue pour rendre les fichiers Word, Excel, PowerPoint et PDF directement dans un navigateur web. Elle fournit une collection de composants réutilisables qui permettent l'affichage de documents en utilisant des URL réseau, des tampons de données ou des données blob sans nécessiter de plugins externes. Cette solution de rendu est construite comme un moteur de rendu de documents multi-framework, offrant une intégration pour Vue 2, Vue 3 et React. Elle permet l'affichage de documents côté client pour éviter les processus de conversion côté serveur. La bibliothèque gère la visualisation des documents via l'analyse côté client et le rendu de contenu. Elle utilise un rendu basé sur canvas pour les PDF et mappe les styles de document vers CSS pour maintenir la fidélité visuelle dans le navigateur.

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

    JavaScriptdocxdocx-previewexcel
    Voir sur GitHub↗5,618
  • nate-parrott/flashlightAvatar de nate-parrott

    nate-parrott/Flashlight

    5,353Voir sur GitHub↗

    Flashlight est un framework de plugin pour macOS Spotlight et un outil d'intégration système. Il sert de fournisseur de recherche personnalisé qui permet l'injection de sources de données sur mesure et d'actions de résultats programmables dans l'interface de recherche native de macOS. Le système utilise un modèle d'interception de requêtes basé sur des plugins pour retourner des résultats et métadonnées personnalisés. Il se distingue par un système de plugins multi-langages qui supporte la visibilité par région et la localisation du contenu, ainsi que la capacité de rendre des prévisualisations riches et web directement dans la fenêtre de recherche. Le framework couvre le traitement des requêtes de recherche et le déclenchement de fonctions personnalisées avec des arguments spécifiques lors de la sélection d'un résultat. Il inclut également des capacités pour le branding visuel des plugins, comme des icônes personnalisées et des assets pour le mode sombre.

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

    Python
    Voir sur GitHub↗5,353
Préc.12Suivant
  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

Explorer les sous-tags

  • 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 sous-tagsComponents 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 sous-tagsRenderers 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.