awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

54 repository-uri

Awesome GitHub RepositoriesHigh-Performance Rendering

Optimized rendering techniques that minimize DOM updates and overhead.

Distinguishing note: Focuses on granular reactivity performance, distinct from general UI composition.

Explore 54 awesome GitHub repositories matching user interface & experience · High-Performance Rendering. Refine with filters or upvote what's useful.

Awesome High-Performance Rendering GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • dcloudio/uni-appAvatar dcloudio

    dcloudio/uni-app

    41,549Vezi pe GitHub↗

    uni-app is a cross-platform framework for building mobile and web applications from a single Vue.js codebase. It provides a multi-platform app compiler and a cross-platform UI library to ensure consistent behavior and visual presentation across different operating systems. The project features a native API bridge and a universal plugin system that wrap native SDKs into a unified interface, allowing developers to access device hardware and operating system functions. It utilizes a specialized rendering engine and native performance compilation to bypass standard document overhead and achieve h

    Optimizes visual performance through specialized rendering engines and platform-specific compilation to minimize DOM overhead.

    Objective-Candroidcross-platformcrossplatform
    Vezi pe GitHub↗41,549
  • solidjs/solidAvatar solidjs

    solidjs/solid

    35,621Vezi pe GitHub↗

    Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

    Utilizes granular reactivity to minimize DOM updates and support efficient server-side rendering.

    TypeScriptdeclarativefine-grainedjavascript
    Vezi pe GitHub↗35,621
  • fabricjs/fabric.jsAvatar fabricjs

    fabricjs/fabric.js

    31,233Vezi pe GitHub↗

    Fabric.js is an object-oriented canvas library that provides an interactive framework for managing shapes, images, and text within an HTML5 canvas environment. It abstracts raw pixel-based drawing commands into a structured hierarchy of objects, enabling developers to manipulate, transform, and animate elements through a centralized event-driven system. The library distinguishes itself by offering comprehensive state serialization, allowing complex graphic compositions to be converted into JSON or SVG formats for persistent storage and reconstruction. It includes a built-in SVG parser that co

    Automatically adjusts rendering resolution based on device pixel ratios to ensure visual fidelity on high-resolution displays.

    TypeScript
    Vezi pe GitHub↗31,233
  • lfnovo/open-notebookAvatar lfnovo

    lfnovo/open-notebook

    31,025Vezi pe GitHub↗

    Open-notebook is a collaborative workspace designed for knowledge management and structured data workflows. It functions as a centralized repository where users can document, refine, and retrieve information while interacting with artificial intelligence models to generate content and process complex data. The platform distinguishes itself through a local-first data persistence model that ensures offline availability and performance, paired with state-synchronized collaborative editing for real-time team sessions. It utilizes a virtualized rendering engine to maintain interface responsiveness

    Optimizes interface responsiveness by rendering only visible content segments when handling large datasets or long-form documents.

    TypeScriptassistantlearningnote-taking
    Vezi pe GitHub↗31,025
  • react-spring/react-springAvatar react-spring

    react-spring/react-spring

    29,110Vezi pe GitHub↗

    react-spring is a declarative animation framework for React that drives visual transitions through state-driven declarations. It functions as a motion engine where animations are defined as target values pursued by a physics engine based on application state. The library utilizes a spring physics engine to calculate natural movements by simulating mass, tension, and friction instead of relying on fixed durations. To maintain high frame rates, it updates DOM elements directly via references to bypass the standard React render cycle. The framework covers physics-based motion and state-driven t

    Employs optimized rendering techniques that minimize DOM updates to achieve high-performance animations.

    TypeScript
    Vezi pe GitHub↗29,110
  • ankitects/ankiAvatar ankitects

    ankitects/anki

    28,571Vezi pe GitHub↗

    Anki is a cross-platform flashcard management system designed to optimize long-term memory retention through spaced-repetition learning. It functions as a digital learning assistant that uses active recall practice and automated scheduling algorithms to determine the ideal timing for card reviews based on individual performance history. The core system relies on a local relational database to ensure data persistence and portability, while supporting complex study workflows through flexible note-type schema modeling and template-driven content rendering. The platform distinguishes itself throu

    Improves window management and rendering performance by utilizing the Wayland display protocol.

    Rust
    Vezi pe GitHub↗28,571
  • marmelab/react-adminAvatar marmelab

    marmelab/react-admin

    26,780Vezi pe GitHub↗

    React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

    Uses virtualization to maintain smooth scrolling and high performance when displaying large datasets by rendering only visible items.

    TypeScriptadminadmin-dashboardadmin-on-rest
    Vezi pe GitHub↗26,780
  • isagalaev/highlight.jsAvatar isagalaev

    isagalaev/highlight.js

    24,937Vezi pe GitHub↗

    highlight.js is a JavaScript syntax highlighter and client-side code formatter that transforms plain text source code into highlighted HTML for web display. It provides syntax highlighting across a wide variety of programming languages. The library includes an automatic language detector that identifies the programming language of a code block to apply the correct highlighting rules without manual tagging. It is designed for web worker compatibility, allowing the highlighting process to run in background threads to prevent the browser interface from freezing during the processing of large vol

    Optimizes the rendering of large volumes of code using web workers to maintain high UI performance.

    JavaScript
    Vezi pe GitHub↗24,937
  • polymer/lit-htmlAvatar Polymer

    Polymer/lit-html

    21,682Vezi pe GitHub↗

    lit-html is a JavaScript HTML templating library and reactive UI template engine. It uses tagged template literals to render dynamic HTML templates, focusing on efficient partial updates to the DOM to minimize browser reflows. The library functions as a rendering tool for web components and supports server-side rendering to improve initial page load speeds and search engine optimization. Its capabilities cover the development of lightweight custom HTML elements and the management of dynamic HTML rendering. It includes support for high-performance list rendering and the handling of asynchrono

    Employs optimized rendering techniques that minimize DOM updates and overhead for high-performance lists.

    TypeScript
    Vezi pe GitHub↗21,682
  • google/flexbox-layoutAvatar google

    google/flexbox-layout

    18,320Vezi pe GitHub↗

    This is a layout library for Android applications that implements the CSS Flexible Box layout model. It provides a view container and engine that arrange child views by distributing space and aligning content according to a flexible box model. The framework enables the creation of responsive user interfaces that automatically adjust element positioning, wrapping, and growth based on available screen dimensions and orientations. The system includes capabilities for adaptive layout workflows, dynamic element alignment, and a virtualized rendering system for recycling views to display large dat

    Optimizes the rendering of large datasets in scrollable views through efficient view recycling.

    Kotlin
    Vezi pe GitHub↗18,320
  • infernojs/infernoAvatar infernojs

    infernojs/inferno

    16,420Vezi pe GitHub↗

    Inferno is a virtual DOM UI library and high-performance DOM renderer used for building component-based user interfaces. It functions as a server-side rendering engine and a client-side framework that synchronizes application state with the visual interface through a declarative structure. The project distinguishes itself as a React-compatible UI framework, providing a compatibility layer that allows components designed for other reactive environments to run without modification. Its capability surface covers virtual DOM management, including node diffing and reconciliation, and a full serve

    Employs high-performance rendering techniques to efficiently display large volumes of simultaneous UI components.

    JavaScript
    Vezi pe GitHub↗16,420
  • trueadm/infernoAvatar trueadm

    trueadm/inferno

    16,420Vezi pe GitHub↗

    Inferno is an isomorphic JavaScript framework and virtual DOM UI library used for building user interfaces. It functions as a server-side rendering engine that converts virtual nodes into HTML strings for the server and hydrates them on the client to optimize initial load speeds and search engine indexing. The framework features a synthetic event system that provides a normalized interface for handling browser interactions consistently across different web environments. It employs a reactive UI model to synchronize state-driven updates and reactive streams with the browser document object mod

    Optimizes rendering speed using a fast diffing engine that minimizes expensive DOM mutations.

    JavaScript
    Vezi pe GitHub↗16,420
  • ag-grid/ag-gridAvatar ag-grid

    ag-grid/ag-grid

    15,412Vezi pe GitHub↗

    AG Grid is a JavaScript data grid library designed for rendering and manipulating large datasets within web applications. It functions as a comprehensive toolset for building interactive tables that support complex data visualization, enabling the display of massive volumes of information while maintaining responsive user interactions. The library distinguishes itself through a column-oriented layout engine and a plugin-based architecture that allows for modular extensions. It utilizes a cell-based component lifecycle and an expression-based evaluation engine to manage data updates and format

    Manages and displays thousands of rows of data while maintaining smooth scrolling and responsive interactions.

    TypeScriptangularangular-gridangular-table
    Vezi pe GitHub↗15,412
  • tomschimansky/customtkinterAvatar TomSchimansky

    TomSchimansky/CustomTkinter

    13,410Vezi pe GitHub↗

    CustomTkinter is a Python GUI framework and library used to build modern desktop applications. It serves as a toolkit for creating cross-platform graphical interfaces with a specific focus on theme-aware components and high-resolution display support. The library provides a set of widgets based on the Tkinter framework that synchronize with operating system appearance settings. It includes a theme engine to manage light and dark modes and integrates system-level scaling to ensure visual consistency across different monitors and display densities. The toolkit covers graphical interface compos

    Ensures user interface elements remain crisp and correctly sized on high-density displays.

    Pythoncustomdark-modedark-theme
    Vezi pe GitHub↗13,410
  • facebookarchive/asyncdisplaykitAvatar facebookarchive

    facebookarchive/AsyncDisplayKit

    13,345Vezi pe GitHub↗

    AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

    Produces high-frame-rate views by offloading rendering tasks to eliminate dropped frames.

    Objective-C++
    Vezi pe GitHub↗13,345
  • flipboard/react-canvasAvatar Flipboard

    Flipboard/react-canvas

    13,203Vezi pe GitHub↗

    react-canvas is a library for drawing user interface elements to a hardware-accelerated canvas instead of the standard document tree. It provides a system for rendering components to a canvas to improve rendering speed and frame rates. The project includes a layer manager to organize visual elements and cache expensive drawing operations. It features a text engine capable of rendering multi-line text with precise character metric measurements and truncation, as well as a virtualized list system that processes only visible items to maintain smooth scrolling. Interaction is handled through a c

    Implements a virtualized rendering system to process only visible items for smooth scrolling on a canvas.

    JavaScript
    Vezi pe GitHub↗13,203
  • dream-num/univerAvatar dream-num

    dream-num/univer

    13,234Vezi pe GitHub↗

    Univer is a modular, web-based framework for embedding high-performance office editing suites, including spreadsheets, documents, and presentations, directly into web applications. It utilizes a canvas-based rendering engine to manage complex layouts and large datasets, ensuring consistent performance during user interaction. The system is built on an isomorphic data model that allows the same document logic to function in both browser-based interfaces and headless server-side environments. The platform distinguishes itself through a command-based state mutation system and a dependency-graph

    Mounts canvas-based editors to handle large datasets and complex formatting with smooth performance.

    TypeScriptai-excelai-sheetai-spreadsheet
    Vezi pe GitHub↗13,234
  • snabbdom/snabbdomAvatar snabbdom

    snabbdom/snabbdom

    12,378Vezi pe GitHub↗

    Snabbdom is a virtual DOM library and DOM diffing engine used to create and update user interfaces by synchronizing a virtual tree with the browser. It functions as a modular UI framework that provides a system for generating virtual nodes and transforming them into actual browser elements. The project features a modular architecture that separates core rendering logic from optional components. It includes a dedicated SVG rendering engine for managing scalable vector graphics within a virtualized document object model. The library covers a broad range of capabilities, including lifecycle hoo

    Minimizes layout shifts by applying only the precise DOM changes required to sync the view with state.

    TypeScripthacktoberfestsnabbdomvirtual-dom-library
    Vezi pe GitHub↗12,378
  • scottjehl/respondAvatar scottjehl

    scottjehl/Respond

    11,230Vezi pe GitHub↗

    Respond is a legacy browser compatibility layer and adaptive asset delivery tool. It functions as a CSS3 media query polyfill and responsive image loader, providing the necessary mechanisms to emulate modern responsive design features in outdated web browsers. The project differentiates itself by combining stylesheet parsing with dynamic style application to emulate minimum and maximum width media queries. It employs a system for selecting and serving the most appropriate image sources based on viewport width, aspect ratio, and resolution. The tool covers broad capability areas including res

    Calculates the optimal image source by matching current screen metrics against candidate assets and pixel density.

    JavaScript
    Vezi pe GitHub↗11,230
  • akryum/vue-virtual-scrollerAvatar Akryum

    Akryum/vue-virtual-scroller

    10,615Vezi pe GitHub↗

    This library is a headless virtualization engine designed to optimize performance for large-scale list and grid rendering in Vue applications. By mounting only the elements currently visible within the viewport, it minimizes browser operations and memory usage, allowing interfaces to remain responsive even when handling massive datasets. The engine distinguishes itself through a headless layout abstraction that decouples virtualization logic from specific markup, enabling the creation of custom interfaces without enforcing rigid container styles. It features automatic, dynamic size calculatio

    Optimizes rendering performance for massive datasets by mounting only visible elements.

    Vuescrollervirtual-scrollervuejs
    Vezi pe GitHub↗10,615
Înapoi123Înainte
  1. Home
  2. User Interface & Experience
  3. High-Performance Rendering

Explorează sub-etichetele

  • High-DPI Scaling2 sub-tag-uriAutomatic resolution adjustment for high-density displays. **Distinct from High-Performance Rendering:** Distinct from general high-performance rendering: focuses specifically on pixel-ratio scaling for visual sharpness.
  • Protocol-Based RenderersRendering systems that utilize specific display protocols for window management and performance. **Distinct from High-Performance Rendering:** Distinct from High-Performance Rendering: focuses on protocol-level integration like Wayland rather than general DOM optimization.
  • Segmented Canvas Rendering2 sub-tag-uriOptimization techniques that use segmented canvases to clear off-screen elements during scrolling. **Distinct from High-Performance Rendering:** A specific implementation of high-performance rendering using canvas segmentation for large waveforms.
  • WebGL Chart RenderersGPU-accelerated chart rendering using WebGL for smooth interaction with very large datasets. **Distinct from High-Performance Rendering:** Distinct from High-Performance Rendering: focuses specifically on WebGL-accelerated chart rendering, not general DOM optimization.