11 repositorios
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 es un framework de UI multiplataforma y kit de herramientas GUI nativo de Python utilizado para construir aplicaciones que renderizan interfaces de usuario nativas a través de diferentes sistemas operativos. Funciona como un wrapper de widgets nativos, mapeando código Python a componentes nativos del sistema operativo para garantizar una apariencia consistente. Este kit de desarrollo permite que una sola base de código se despliegue en computadoras de escritorio, dispositivos móviles portátiles y navegadores web. Utiliza un motor de renderizado multi-backend para dirigir las declaraciones de UI al renderizador apropiado según el entorno de destino. El framework cubre la construcción de aplicaciones nativas de escritorio y móviles, así como el despliegue en navegadores y terminales de línea de comandos. Mantiene una jerarquía de componentes abstracta que se traduce en jerarquías de vistas nativas en tiempo de ejecución a través de una capa de adaptador específica de la plataforma.
Renders user interfaces using HTML and CSS as a fallback when native OS widget providers are unavailable.
Pannellum es un visor de panoramas WebGL y framework de tours virtuales utilizado para renderizar imágenes equirectangulares o cubemap como entornos inmersivos de 360 grados. Funciona como un renderizador de imágenes multiresolución y un reproductor de video panorámico, soportando tanto imágenes estáticas como reproducción de video esférico. El proyecto se distingue por su capacidad para manejar panoramas de resolución extremadamente alta mediante la generación y carga de teselas (tiles) multiresolución. Permite la creación de tours virtuales interactivos vinculando múltiples escenas panorámicas mediante transiciones y puntos de acceso (hotspots) interactivos. El sistema incluye capacidades para el movimiento automático de la cámara, integración de orientación del dispositivo para experiencias de visualización móvil y un sistema de hooks para monitorear eventos del visor. También proporciona utilidades para la localización de la interfaz de usuario, control del estado del visor y renderizado de contenido de respaldo para navegadores sin aceleración por hardware.
Redirects users to alternative content when the browser lacks required hardware rendering capabilities.
North es una metodología de diseño web responsivo y una arquitectura CSS basada en Sass. Proporciona un sistema para construir interfaces de usuario mobile-first utilizando rejillas fluidas y técnicas de mejora progresiva para garantizar una experiencia consistente en diferentes capacidades de navegador y tamaños de pantalla. El proyecto cuenta con un sistema de nomenclatura CSS estandarizado que utiliza mixins de Sass para generar nombres de clase programáticamente, distinguiendo entre componentes, diseños y estados. También funciona como una herramienta de andamiaje de proyectos frontend, proporcionando un generador para arrancar nuevos entornos con hojas de estilo y ejecutores de tareas preconfigurados. Más allá del estilo, el framework cubre una amplia superficie de estándares de desarrollo web, incluyendo la implementación de HTML semántico con metadatos RDFa y auditoría de accesibilidad web. Incorpora una estrategia de diseño centrada en el contenido y un flujo de trabajo frontend ágil para coordinar la transición desde la arquitectura de información y las personas de usuario hasta componentes listos para producción. El sistema incluye herramientas para automatizar la nomenclatura CSS y el andamiaje de plantillas de proyecto para acelerar la configuración inicial.
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.