11 个仓库
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 是一个跨平台 UI 框架和 Python 原生 GUI 工具包,用于构建在不同操作系统上渲染原生用户界面的应用。它作为一个原生组件封装器,将 Python 代码映射到原生操作系统组件,以确保外观和体验的一致性。 该开发套件允许单个代码库部署到台式机、手持移动设备和 Web 浏览器。它利用多后端渲染引擎,根据目标环境将 UI 声明定向到相应的渲染器。 该框架涵盖了原生桌面和移动应用构建,以及部署到浏览器引擎和命令行终端。它维护了一个抽象组件层级,在运行时通过平台特定的适配器层转换为原生视图层级。
Renders user interfaces using HTML and CSS as a fallback when native OS widget providers are unavailable.
Pannellum 是一个 WebGL 全景查看器和虚拟导览框架,用于将等距柱状投影或立方体贴图图像渲染为沉浸式 360 度环境。它作为多分辨率图像渲染器和全景视频播放器,支持静态图像和球形视频播放。 该项目通过多分辨率切片生成和加载处理超大、高分辨率全景图的能力而脱颖而出。它通过使用过渡淡入淡出和交互式热点链接多个全景场景,实现了交互式虚拟导览的创建。 该系统包括自动摄像机移动、用于移动设备环顾体验的设备方向集成,以及用于监控查看器事件的钩子系统。它还提供了用于 UI 本地化、查看器状态控制以及为没有硬件加速的浏览器渲染回退内容的实用程序。
Redirects users to alternative content when the browser lacks required hardware rendering capabilities.
North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur
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.