# WebGPU Shader Programming Guides

> Search results for `learning graphics programming with WebGPU and shaders` on awesome-repositories.com. 114 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/learning-graphics-programming-with-webgpu-and-shaders

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/learning-graphics-programming-with-webgpu-and-shaders).**

## Results

- [gfx-rs/wgpu](https://awesome-repositories.com/repository/gfx-rs-wgpu.md) (17,382 ⭐) — This project is a cross-platform graphics and compute framework that provides a unified, hardware-agnostic abstraction layer for rendering and parallel processing. It enables developers to build high-performance applications that execute consistently across diverse operating systems and hardware backends, including Vulkan, Metal, and DirectX. By mapping high-level graphics commands to native APIs, it serves as a portable foundation for both real-time 3D rendering and general-purpose GPU computing.

The framework distinguishes itself through a robust architecture that supports both native deskt
- [pixijs/pixijs](https://awesome-repositories.com/repository/pixijs-pixijs.md) (47,416 ⭐) — PixiJS is a high-performance 2D rendering engine designed for building interactive visual content and browser-based games. It provides a hardware-accelerated graphics library that leverages WebGL and WebGPU backends to execute complex scenes, utilizing a hierarchical scene graph to manage object transformations and display order.

The project distinguishes itself through a sophisticated architecture that decouples rendering logic from hardware APIs, allowing for consistent performance across diverse browser environments. It features a robust, asynchronous asset pipeline that handles loading, c
- [libgdx/libgdx](https://awesome-repositories.com/repository/libgdx-libgdx.md) (24,816 ⭐) — LibGDX is a Java-based framework designed for cross-platform game development, enabling the creation and deployment of 2D and 3D games across desktop, mobile, and web environments from a single codebase. It functions as a comprehensive library that abstracts hardware-accelerated graphics, audio, input, and file system access, providing a unified interface for developers to manage game logic and application lifecycles.

The framework distinguishes itself through a high-performance architecture that prioritizes efficiency and native interoperability. It utilizes a batch-oriented graphics pipelin
- [lettier/3d-game-shaders-for-beginners](https://awesome-repositories.com/repository/lettier-3d-game-shaders-for-beginners.md) (19,407 ⭐) — This project is an educational platform and technical reference for learning real-time graphics programming through the development of custom shaders. It provides a comprehensive guide to the programmable graphics pipeline, offering a collection of tutorials and interactive examples that demonstrate how to manipulate coordinate spaces, manage buffer data, and implement complex rendering techniques in 3D environments.

The repository distinguishes itself as a versatile toolkit for both photorealistic and non-photorealistic rendering. It includes modular implementations for stylized aesthetics s
- [cocos2d/cocos2d-x](https://awesome-repositories.com/repository/cocos2d-cocos2d-x.md) (18,942 ⭐) — Cocos2d-x is a high-performance C++ game development framework designed for building and deploying interactive applications across mobile, desktop, and web platforms. It functions as a cross-platform game engine that utilizes an entity-component system to manage object lifecycles, behaviors, and spatial relationships within a unified codebase.

The engine is distinguished by its specialized 2D graphics rendering pipeline, which is optimized for hardware-accelerated performance when displaying sprites, particle effects, and skeletal animations. It provides developers with low-level access to gr
- [kishimisu/webgpu-fluid-simulation](https://awesome-repositories.com/repository/kishimisu-webgpu-fluid-simulation.md) (136 ⭐) — This is my attempt at implementing Jos Stam's Real-Time Fluid Dynamics for Games paper using javascript as a playground for learning the WebGPU API.
- [flutter-team-archive/plugins](https://awesome-repositories.com/repository/flutter-team-archive-plugins.md) (17,710 ⭐) — This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies.

The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu
- [stackgl/shader-school](https://awesome-repositories.com/repository/stackgl-shader-school.md) (4,409 ⭐) — :mortar_board: A workshopper for GLSL shaders and graphics programming
- [mrdoob/three.js](https://awesome-repositories.com/repository/mrdoob-three-js.md) (113,086 ⭐) — This project is a high-level 3D graphics engine designed to render complex, hardware-accelerated environments within web browsers. It provides a comprehensive abstraction layer that manages scene graphs, cameras, and lighting, mapping high-level scene definitions onto low-level graphics APIs. By decoupling these definitions from specific hardware targets, the engine ensures consistent performance across diverse browsers and devices.

The framework distinguishes itself through a robust architecture that includes a unified math library for high-frequency spatial calculations and a physically bas
- [webgpu/webgpu-samples](https://awesome-repositories.com/repository/webgpu-webgpu-samples.md) (2,140 ⭐) — Please visit the WebGPU Samples website to run the samples!
- [microsoft/onnxruntime](https://awesome-repositories.com/repository/microsoft-onnxruntime.md) (19,347 ⭐) — This project is a cross-platform machine learning inference engine designed to execute pre-trained models across diverse operating systems and hardware environments. It functions as a standardized execution framework that manages the entire lifecycle of model inference, from loading and graph optimization to hardware-accelerated execution and generative sequence management.

The runtime distinguishes itself through a highly modular architecture that decouples model logic from hardware-specific kernels. By utilizing an execution provider abstraction, it enables developers to offload computation
- [webgpu-native/webgpu-headers](https://awesome-repositories.com/repository/webgpu-native-webgpu-headers.md) (570 ⭐) — This repository contains the stable C header webgpu.h, a C API equivalent of the WebGPU API for JavaScript.
- [servo/servo](https://awesome-repositories.com/repository/servo-servo.md) (37,170 ⭐) — Servo is a high-performance, memory-safe web rendering engine designed for cross-platform embedding. It provides a modular framework that allows developers to integrate web content rendering into native applications across desktop, mobile, and embedded systems. By enforcing strict process isolation and memory safety, the engine creates a secure execution environment for processing web content.

The engine distinguishes itself through a task-based, parallelized architecture that decouples layout, style, and rendering processes to maximize responsiveness. It utilizes a hardware-abstracted graphi
- [vasanthk/how-web-works](https://awesome-repositories.com/repository/vasanthk-how-web-works.md) (16,731 ⭐) — This project is a technical educational guide focused on browser architecture and the internal processes used to render web pages. It provides a detailed breakdown of the web request lifecycle, from the initial networking phase to the final visual output on a screen.

The guide covers specific technical sequences including the DNS resolution process across browser, operating system, and ISP caches, and the establishment of secure connections through the TLS handshake. It also details the communication flow between clients and servers using the HTTP protocol and server-side request handling.

T
- [hsimpson/webgpu-particles](https://awesome-repositories.com/repository/hsimpson-webgpu-particles.md) (27 ⭐) — Calculate and render particles with WebGPU
- [alex/what-happens-when](https://awesome-repositories.com/repository/alex-what-happens-when.md) (43,189 ⭐) — This project is a collaborative knowledge base and technical learning resource that provides a detailed breakdown of the internal processes occurring within modern computing environments. It serves as a comprehensive educational reference, tracing the step-by-step operations triggered by common user interactions and network requests to explain how hardware and software components interact across the entire stack.

The guide distinguishes itself by offering deep technical insights into the journey from physical input to visual output. It covers the low-level mechanics of hardware interrupt hand
- [ruffle-rs/ruffle](https://awesome-repositories.com/repository/ruffle-rs-ruffle.md) (18,187 ⭐) — Ruffle is an Adobe Flash Player emulator built to execute legacy animation and interactive content within modern web browsers and desktop environments. By utilizing a high-performance WebAssembly engine, it interprets legacy bytecode and scripting languages to render content without requiring original plugins or outdated software. The project functions as a cross-platform media player that preserves access to archived digital assets by simulating the original runtime environment.

The emulator distinguishes itself through its ability to automatically detect and replace obsolete media objects o
- [s-macke/webgpu-lab](https://awesome-repositories.com/repository/s-macke-webgpu-lab.md) (50 ⭐) — Demos and experiments in WebGPU technology. The focus is especially on compute shaders.
- [denoland/deno](https://awesome-repositories.com/repository/denoland-deno.md) (107,110 ⭐) — Deno is a high-performance runtime for JavaScript and TypeScript that prioritizes security and developer productivity. Built on the V8 engine, it provides a secure execution environment that enforces a default-deny security model, requiring explicit user authorization for access to system resources like the file system, network, and environment variables. The runtime natively supports modern web-standard APIs, ensuring consistent behavior and portability across different environments.

What distinguishes Deno is its integrated approach to the software development lifecycle. It bundles essentia
- [tk-learning-center/functional-programming-learning-path](https://awesome-repositories.com/repository/tk-learning-center-functional-programming-learning-path.md) (1,041 ⭐) — ✨ A Learning Path for Functional Programming
- [flutter/samples](https://awesome-repositories.com/repository/flutter-samples.md) (19,172 ⭐) — This is a comprehensive library of code examples and reference implementations for building cross-platform user interfaces with Flutter. The project provides a collection of demo applications and guides designed to illustrate the implementation of design patterns, animation techniques, and testing workflows.

The repository features specific demonstrations for native integration, including examples of embedding modules into existing native applications, using platform channels, and bridging native code with the framework. It also serves as an animation reference, providing implementations for
- [android/ndk-samples](https://awesome-repositories.com/repository/android-ndk-samples.md) (10,513 ⭐) — The Android NDK samples provide a comprehensive collection of code examples demonstrating how to integrate C and C++ native code into Android applications. This repository serves as a practical guide for developers utilizing the Android Native Development Kit to implement performance-critical application components that require direct hardware access and low-level system interaction.

The project highlights the use of the Java Native Interface to bridge managed code with native modules, enabling cross-language function calls and efficient data exchange. It demonstrates how to manage native act
- [dfranx/shadered](https://awesome-repositories.com/repository/dfranx-shadered.md) (4,765 ⭐) — SHADERed is a lightweight tool for writing and debugging shaders. It is easy to use, open source, cross-platform (runs on Windows, Linux & Web).
- [tldraw/tldraw](https://awesome-repositories.com/repository/tldraw-tldraw.md) (47,883 ⭐) — This project is a programmable, high-performance drawing engine designed for building collaborative whiteboards, diagramming tools, and infinite canvas applications. It provides a reactive graphics runtime that manages complex canvas interactions, viewport animations, and input handling through a unified signal-based API. The framework is built on a schema-driven data store that maintains application state in a strictly typed, centralized record system, enabling efficient UI updates and persistent data management.

The engine distinguishes itself through a highly modular architecture that supp
- [phaserjs/phaser](https://awesome-repositories.com/repository/phaserjs-phaser.md) (39,791 ⭐) — Phaser is a comprehensive 2D game engine designed for building high-performance, interactive content that runs directly in web browsers. At its core, the engine utilizes a fixed-timestep simulation loop that decouples game logic from variable browser frame rates, ensuring consistent behavior across diverse hardware. It provides a robust framework for managing asset loading, physics, input, and audio, enabling the creation of complex, responsive visual experiences for both desktop and mobile devices.

The engine distinguishes itself through a high-performance graphics pipeline that automaticall
- [photopea/photopea](https://awesome-repositories.com/repository/photopea-photopea.md) (8,284 ⭐) — Photopea is a browser-based image editor that runs entirely in the browser without requiring any downloads or installations, capable of editing both raster and vector graphics. It functions as a multi-format image converter, a PSD file editor, a RAW photo processor, and a vector graphics editor, all within a single web application.

The editor distinguishes itself through its extensive file format support, opening and saving industry-standard formats including PSD, AI, Sketch, Figma, and XD, as well as native files from Affinity, InDesign, and Krita. It also supports RAW camera files from Niko
- [imteekay/functional-programming-learning-path](https://awesome-repositories.com/repository/imteekay-functional-programming-learning-path.md) (1,041 ⭐) — ✨ A Learning Path for Functional Programming
- [graphiteeditor/graphite](https://awesome-repositories.com/repository/graphiteeditor-graphite.md) (24,258 ⭐) — Graphite is a node-based visual design environment that integrates vector illustration, raster image processing, and motion graphics generation into a single platform. It utilizes a functional reactive pipeline and a data-flow execution model to propagate state changes through a graph of interconnected nodes, allowing users to construct complex, automated design workflows.

The platform distinguishes itself through a context-aware evaluation engine that injects runtime metadata—such as coordinate data and loop indices—directly into the node graph. This enables the creation of procedural geomet
- [ferminlr/webgpu-path-tracing](https://awesome-repositories.com/repository/ferminlr-webgpu-path-tracing.md) (41 ⭐) — A simple path tracer powered by WebGPU compute shaders. Try the demo!
- [gdquest/godot-shaders](https://awesome-repositories.com/repository/gdquest-godot-shaders.md) (4,002 ⭐) — A large library of free and open-source shaders for the Godot game engine. Here, you'll get 2D and 3D shaders with playable demos.
- [bloc97/anime4k](https://awesome-repositories.com/repository/bloc97-anime4k.md) (20,655 ⭐) — Anime4K is a collection of graphics shaders and image processing algorithms designed to enhance the visual quality of animated media. It functions as a real-time upscaling engine that increases the resolution of video content during playback, allowing for higher fidelity viewing without the need to permanently re-encode source files.

The project distinguishes itself by utilizing hardware-accelerated rendering to perform complex image reconstruction directly on the graphics card. By employing a pass-based pipeline, it chains multiple processing stages to refine frames iteratively, ensuring tha
- [embedded-graphics/embedded-graphics](https://awesome-repositories.com/repository/embedded-graphics-embedded-graphics.md) (1,295 ⭐) — A no_std graphics library for embedded applications
- [bkaradzic/bgfx](https://awesome-repositories.com/repository/bkaradzic-bgfx.md) (17,161 ⭐) — bgfx is a cross-platform, graphics rendering abstraction layer designed for high-performance applications. It provides a unified interface that maps high-level rendering commands to native graphics APIs, allowing developers to maintain a single codebase that executes consistently across diverse operating systems and hardware architectures.

The library distinguishes itself through a multi-threaded command submission model that decouples rendering logic from the main application thread, effectively minimizing CPU bottlenecks. It utilizes a backend-agnostic command buffer and a deferred resource
- [f/prompts.chat](https://awesome-repositories.com/repository/f-prompts-chat.md) (163,814 ⭐) — This platform serves as a centralized management system for organizing, refining, and versioning AI instructions and agent skills. It functions as a repository that enables users to store, categorize, and retrieve structured prompts, ensuring consistent performance across various artificial intelligence models. By integrating with the Model Context Protocol, the system allows external AI assistants and development environments to discover and access these instruction libraries directly.

The platform distinguishes itself through its focus on prompt engineering and automated refinement, utilizi
- [avaloniaui/avalonia](https://awesome-repositories.com/repository/avaloniaui-avalonia.md) (30,986 ⭐) — Avalonia is a cross-platform desktop framework that enables the creation of native-feeling applications for Windows, macOS, and Linux from a single codebase. It functions as a declarative UI toolkit, allowing developers to define complex visual hierarchies and interface structures using a markup-based syntax that maps directly to underlying object properties. By utilizing the Model-View-ViewModel architectural pattern, the framework facilitates a clean separation between application logic and user interface layout, which simplifies unit testing and component maintenance.

The framework disting
- [takahirox/webgpu-devtools](https://awesome-repositories.com/repository/takahirox-webgpu-devtools.md) (189 ⭐) — WebGPU devtools is a Web browser extension that helps debug WebGPU applications by monitoring WebGPU usage.
- [swordfish90/cool-retro-term](https://awesome-repositories.com/repository/swordfish90-cool-retro-term.md) (25,706 ⭐) — This project is a cross-platform terminal emulator that functions as a graphical frontend for command line shells. It operates by managing shell processes through a pseudoterminal emulation layer, capturing raw character streams to display them within a native desktop windowing environment.

The application distinguishes itself through a specialized rendering engine that simulates the visual characteristics of vintage cathode ray tube hardware. By utilizing fragment shaders, it applies real-time effects such as scanlines, screen curvature, and phosphor glow directly to the terminal output. Use
- [dubinc/dub](https://awesome-repositories.com/repository/dubinc-dub.md) (23,722 ⭐) — This project is a comprehensive link management and marketing attribution platform designed for creating, tracking, and analyzing shortened URLs. It functions as a centralized hub for marketing analytics, providing tools to monitor link performance, visualize conversion funnels, and manage affiliate programs through a unified dashboard.

The platform distinguishes itself by integrating advanced attribution modeling and partner management directly into the link infrastructure. It supports complex marketing workflows, including automated commission calculations, fraud detection, and payout distr
- [bitcoin-studio/bitcoin-programming-with-bitcoinjs](https://awesome-repositories.com/repository/bitcoin-studio-bitcoin-programming-with-bitcoinjs.md) (164 ⭐) — Bitcoin Programming with BitcoinJS, Bitcoin Core and LND
- [ssloy/tinyrenderer](https://awesome-repositories.com/repository/ssloy-tinyrenderer.md) (23,252 ⭐) — Tinyrenderer is a C++ library designed as an educational tool for building a 3D graphics pipeline from scratch. It provides a software-defined rendering environment that executes all geometric transformations and rasterization tasks on the central processor, intentionally avoiding reliance on external hardware acceleration or graphics libraries.

The project serves as a pedagogical resource for understanding the fundamental mathematical principles of computer graphics. It enables users to implement custom shader pipelines and core rendering techniques, such as barycentric coordinate calculatio
- [android/android-ktx](https://awesome-repositories.com/repository/android-android-ktx.md) (7,421 ⭐) — android-ktx is a Kotlin extension library for the Android framework. It provides a collection of idiomatic helper functions that wrap native system calls to reduce boilerplate and improve code readability throughout Android application development.

The library implements a set of tools for building styled strings, transformation matrices, and graphical elements. It utilizes a builder-based syntax to simplify the construction of system objects such as content values and data bundles.

The project covers a broad range of capabilities, including the simplification of view manipulations and time
- [tsherif/webgpu-examples](https://awesome-repositories.com/repository/tsherif-webgpu-examples.md) (81 ⭐) — WebGPU Examples
- [kovidgoyal/kitty](https://awesome-repositories.com/repository/kovidgoyal-kitty.md) (33,462 ⭐) — Kitty is a high-performance, GPU-accelerated terminal emulator designed to provide a consistent and extensible workspace across different operating systems. It leverages graphics hardware to render text, images, and complex layouts with low latency, while providing a robust environment for demanding command-line workflows.

The project distinguishes itself through its integrated workspace management and programmable interface. It functions as a tiling window manager that organizes terminal windows, tabs, and layouts into persistent, keyboard-driven sessions. Users can automate complex workflow
- [blinue/magpie](https://awesome-repositories.com/repository/blinue-magpie.md) (13,291 ⭐) — Magpie is a desktop utility designed to enhance the visual fidelity and resolution of running applications through real-time graphics post-processing. It functions by intercepting the desktop frame buffer and applying spatial reconstruction and interpolation algorithms to upscale visual content during active playback.

The system distinguishes itself by integrating a programmable graphics pipeline that allows for the injection of custom shaders directly into the display stream. Beyond visual enhancement, it provides an automation interface that enables programmatic control over application beh
- [mattdesl/graphics-resources](https://awesome-repositories.com/repository/mattdesl-graphics-resources.md) (1,853 ⭐) — :memo: a list of graphic programming resources
- [tensorflow/graphics](https://awesome-repositories.com/repository/tensorflow-graphics.md) (2,781 ⭐) — TensorFlow Graphics: Differentiable Graphics Layers for TensorFlow
- [fogleman/craft](https://awesome-repositories.com/repository/fogleman-craft.md) (11,021 ⭐) — Craft is a multiplayer voxel sandbox written in C. It utilizes an OpenGL voxel engine to render a block-based world and implements an infinite terrain generator that uses noise functions to create deterministic, procedural landscapes.

The project features a networked environment where players can build and modify a shared world using socket-based state synchronization. To maintain consistency across sessions, it employs a voxel world database to store and retrieve modified block coordinates.

The system covers a range of capabilities including 3D collision detection for character movement, to
- [quii/learn-go-with-tests](https://awesome-repositories.com/repository/quii-learn-go-with-tests.md) (23,510 ⭐) — This project is an educational platform and tutorial series designed to teach the Go programming language through the practice of test-driven development. It provides a structured path for developers to master language fundamentals, concurrency, and standard library usage by building functional applications in small, verifiable increments.

The core methodology centers on the test-driven development cycle, where failing tests are written before implementation to define requirements and ensure code correctness. This approach is applied across a wide range of practical scenarios, including the c
- [redox-os/redox](https://awesome-repositories.com/repository/redox-os-redox.md) (16,054 ⭐) — Redox is a POSIX-compliant, microkernel-based operating system written entirely in Rust. By utilizing a memory-safe language for the kernel and all system components, the project eliminates common vulnerabilities such as buffer overflows and use-after-free errors. Its architecture relies on a minimal kernel that manages only essential hardware and process isolation, delegating all other system services to unprivileged user-space processes.

The system distinguishes itself through a modular design where hardware drivers and system services run as independent user-space daemons, allowing them to
- [liixini/shaders](https://awesome-repositories.com/repository/liixini-shaders.md) (168 ⭐) — Experimental GLSL shaders for Niri. No performance optimisations have taken place, this is mainly made for my own personal curiosity and distributed due to popular demand.