24 repository-uri
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
vue-office este o bibliotecă de previzualizare a documentelor office și un vizualizator de documente bazat pe web, conceput pentru a reda fișiere Word, Excel, PowerPoint și PDF direct într-un browser web. Oferă o colecție de componente reutilizabile care permit afișarea documentelor folosind URL-uri de rețea, buffere de date sau date de tip blob, fără a necesita plugin-uri externe. Această soluție de randare este construită ca un renderer de documente cross-framework, oferind integrare pentru Vue 2, Vue 3 și React. Permite afișarea documentelor pe partea de client pentru a evita procesele de conversie pe partea de server. Biblioteca gestionează vizualizarea documentelor prin parsare pe partea de client și randarea conținutului. Utilizează randarea bazată pe canvas pentru PDF-uri și mapează stilurile documentelor la CSS pentru a menține fidelitatea vizuală în browser.
Maps parsed document elements to HTML and CSS for visual display using the browser DOM.
Flashlight este un framework de plugin-uri pentru macOS Spotlight și un instrument de integrare a sistemului. Servește drept furnizor de căutare personalizat care permite injectarea de surse de date adaptate și acțiuni programabile de rezultate în interfața nativă de căutare macOS. Sistemul utilizează un model de interceptare a interogărilor bazat pe plugin-uri pentru a returna rezultate și metadate personalizate. Se distinge printr-un sistem de plugin-uri multi-limbaj care suportă vizibilitatea specifică regiunii și localizarea conținutului, precum și capacitatea de a randa previzualizări inline bogate, bazate pe web, direct în fereastra de căutare. Framework-ul acoperă procesarea interogărilor de căutare și declanșarea de funcții personalizate cu argumente specifice la selectarea rezultatului. Include, de asemenea, capabilități pentru branding-ul vizual al plugin-urilor, cum ar fi iconițe personalizate și active pentru dark-mode.
Implements rich, web-based inline previews that render directly within the macOS search window.