11 dépôts
Techniques and implementations for displaying web content directly using browser APIs.
Distinct from Browser Rendering Pipelines: The candidates focus on specific pipelines, benchmarks, or image processing, whereas this is about general browser-based rendering for a presentation engine.
Explore 11 awesome GitHub repositories matching web development · Browser Rendering. Refine with filters or upvote what's useful.
This project is a Markdown-driven presentation engine that transforms Markdown text into structured, web-based slideshows. It functions as a browser-based presentation tool that renders content with automatic scaling to maintain consistent layouts across different screen resolutions. The framework allows for custom visual layouts and global styles through the use of Markdown templates and CSS. It includes a dedicated presenter view interface that provides formatted speaker notes to keep the presenter synchronized with the audience. The system covers the end-to-end workflow of slide deck crea
Renders presentation content directly in the web browser using standard HTML and JavaScript.
This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an
Relies exclusively on native browser rendering engines to parse and display styles.
Beautiful and accessible math in all browsers
Renders mathematical expressions consistently across all modern web browsers using HTML, SVG, or CommonHTML output.
VizTracer is a Python runtime instrumentation system and execution profiler used to trace and visualize code execution. It functions as a multi-process performance analyzer and trace visualizer, providing an interactive timeline and flamegraph interface to identify performance bottlenecks and analyze call sequences. The project distinguishes itself by its ability to aggregate execution data from multiple threads, subprocesses, and asynchronous tasks into a single unified report. It also features live process instrumentation, allowing users to attach to and detach from running Python applicati
Renders execution logs into an interactive browser interface or flamegraph to analyze timing and bottlenecks.
UEditor is a web-based WYSIWYG rich text editor and HTML content authoring tool. It functions as a DOM-based text component that allows users to create and format complex web documents through a visual interface with real-time rendering. The editor enables the creation of rich text content for web applications and content management systems. It manages document state using HTML strings, facilitating the serialization and transfer of data between the browser and server. The system provides capabilities for managing editor content and configuring behavioral parameters through initialization se
Relies on native browser APIs and the rendering engine to display rich text styles in real time.
Perfetto is a platform for system-level performance tracing and analysis on Linux and Android. It combines a high-throughput trace recorder, a SQL-based query engine, and a browser-based visualizer into a single toolchain. The platform covers CPU scheduling and call-stack profiling, native and Java heap memory allocation tracking, GPU and graphics events, and system-wide counters such as CPU frequency and power consumption. The architecture decouples trace recording from offline analysis, using a compact protobuf format for event encoding and columnar storage for efficient SQL queries. The we
Renders multi-gigabyte system trace timelines interactively in the browser without a backend server.
Toga est un framework d'UI multiplateforme et une boîte à outils GUI native Python utilisée pour construire des applications qui rendent des interfaces utilisateur natives sur différents systèmes d'exploitation. Il fonctionne comme un wrapper de widgets natifs, mappant le code Python vers les composants natifs du système d'exploitation pour assurer une apparence et un comportement cohérents. Ce kit de développement permet à une base de code unique d'être déployée sur des ordinateurs de bureau, des appareils mobiles portables et des navigateurs web. Il utilise un moteur de rendu multi-backend pour diriger les déclarations d'UI vers le moteur de rendu approprié en fonction de l'environnement cible. Le framework couvre la construction d'applications natives desktop et mobiles ainsi que le déploiement vers des moteurs de navigateur et des terminaux en ligne de commande. Il maintient une hiérarchie de composants abstraite qui se traduit en hiérarchies de vues natives à l'exécution via une couche d'adaptateur spécifique à la plateforme.
Renders user interfaces using HTML and CSS as a fallback when native OS widget providers are unavailable.
Pannellum est un visualiseur de panorama WebGL et un framework de visite virtuelle utilisé pour rendre des images équirectangulaires ou cubemap comme des environnements immersifs à 360 degrés. Il fonctionne comme un moteur de rendu d'images multirésolution et un lecteur vidéo panoramique, prenant en charge à la fois les images statiques et la lecture vidéo sphérique. Le projet se distingue par sa capacité à gérer des panoramas extrêmement grands et haute résolution grâce à la génération et au chargement de tuiles multirésolution. Il permet la création de visites virtuelles interactives en reliant plusieurs scènes panoramiques entre elles à l'aide de fondus de transition et de points d'intérêt interactifs. Le système inclut des capacités pour le mouvement automatique de la caméra, l'intégration de l'orientation de l'appareil pour des expériences de regard mobile, et un système de hooks pour surveiller les événements du visualiseur. Il fournit également des utilitaires pour la localisation de l'interface utilisateur, le contrôle de l'état du visualiseur et le rendu de contenu de secours pour les navigateurs sans accélération matérielle.
Redirects users to alternative content when the browser lacks required hardware rendering capabilities.
North est une méthodologie de conception web responsive et un framework d'architecture CSS basé sur Sass. Il fournit un système pour construire des interfaces utilisateur mobile-first utilisant des grilles fluides et des techniques d'amélioration progressive pour assurer une expérience cohérente à travers différentes capacités de navigateur et tailles d'écran. Le projet dispose d'un système de nommage CSS standardisé qui utilise des mixins Sass pour générer par programmation des noms de classes, distinguant les composants, les mises en page et les états. Il fonctionne également comme un outil de scaffolding de projet frontend, fournissant un générateur pour amorcer de nouveaux environnements avec des feuilles de style et des task runners préconfigurés. Au-delà du style, le framework couvre une large surface des standards de développement web, y compris l'implémentation HTML sémantique avec des métadonnées RDFa et l'audit d'accessibilité web. Il intègre une stratégie de conception axée sur le contenu et un flux de travail frontend agile pour coordonner la transition de l'architecture de l'information et des personas d'utilisateurs vers des composants prêts pour la production. Le système inclut des outils pour automatiser le nommage CSS et le scaffolding de modèles de projet afin d'accélérer la configuration initiale.
Ensures consistent element rendering and responsive behavior across browsers using CSS resets and viewport tags.
WebGAL is a web-native development environment designed for the creation and publication of interactive narrative games. It provides a browser-based platform that enables users to build visual novels featuring branching dialogue and multimedia assets without requiring manual coding. The platform distinguishes itself through a visual editor that utilizes node-based logic definition to manage narrative flow and scene transitions. It includes specialized tooling for the configuration and integration of animated character models, allowing for the direct implementation of interactive character seq
Displays interactive character models and visual assets directly in the browser using standard web graphics APIs.
Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t
Displays interactive visualizations directly in web pages using WebGL and browser-native APIs.