awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

WebGPU Shader Programming Guides

Ranking updated Jun 30, 2026

For a guide for learning WebGPU shader programming, the strongest matches are webgpu/webgpu-samples (This repository provides official WebGPU sample code with shader), mrdoob/three.js (three) and nannou-org/nannou (Nannou is a creative coding framework for Rust with). orillusion/orillusion and gfx-rs/wgpu round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Educational resources and code examples for mastering graphics programming using the WebGPU API and shaders.

WebGPU Shader Programming Guides

Find the best repos with AI.We'll search the best matching repositories with AI.
  • webgpu/webgpu-sampleswebgpu avatar

    webgpu/webgpu-samples

    2,140View on GitHub↗

    Please visit the WebGPU Samples website to run the samples!

    This repository provides official WebGPU sample code with shader sources (WGSL) and API usage, making it a practical interactive learning resource for graphics programming, though it is more of a demo collection than a structured tutorial series.

    TypeScriptDemos and Experiments
    View on GitHub↗2,140
  • mrdoob/three.jsmrdoob avatar

    mrdoob/three.js

    113,086View on GitHub↗

    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

    three.js is a high-level 3D engine that can use WebGPU as a backend, but it is not a tutorial or learning resource for WebGPU API or shader development—it abstracts those details, making it less suitable for the step-by-step learning this search targets.

    JavaScriptWebGPU RenderersCustom Shader Programs
    View on GitHub↗113,086
  • nannou-org/nannounannou-org avatar

    nannou-org/nannou

    6,707View on GitHub↗

    Nannou is a creative coding framework for Rust designed for building interactive visual and audio sketches. It provides a loop-based API with hardware-accelerated 2D and 3D rendering, serving as a toolkit for generative art production and multimedia installation design. The framework is distinguished by its comprehensive hardware communication interface, which bridges software with physical devices via MIDI, OSC, DMX, serial, and laser DAC protocols. It also includes specialized projection mapping tools for warping visual output to fit non-standard physical surfaces and a dedicated GPU shader

    Nannou is a creative coding framework for Rust with shader support, but it is not a tutorial or learning resource specifically for WebGPU or WGSL — it is a tool for building sketches, not a guided educational resource.

    RustFragment Shader RenderingVertex Shaders
    View on GitHub↗6,707
  • orillusion/orillusionOrillusion avatar

    Orillusion/orillusion

    5,188View on GitHub↗

    Orillusion is a WebGPU 3D rendering engine designed for high-fidelity scenes and visual effects in the browser. It functions as a GPU compute framework for parallel mathematical operations and a physically-based rendering graphics pipeline for realistic materials and surfaces. The system also includes a web-based 3D animation toolkit for driving skeletal animations and interpolating vertex positions. The engine is distinguished by its use of an entity component system for scene logic and a macro-based shader generation system that creates multiple shader variants. It optimizes performance thr

    Orillusion is a WebGPU 3D rendering engine, not a tutorial or learning resource—it uses WebGPU and WGSL internally but is a production tool for building graphics applications, not a teaching guide with progressive lessons or explanations.

    TypeScriptWebGPU RenderersCustom Shader Programs
    View on GitHub↗5,188
  • gfx-rs/wgpugfx-rs avatar

    gfx-rs/wgpu

    17,382View on GitHub↗

    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

    wgpu is the Rust implementation of the WebGPU API itself, a graphics framework you would use in a tutorial, not a tutorial or learning resource with interactive demos or shader examples.

    RustWebGPU RenderersCustom Shader Programs
    View on GitHub↗17,382
  • gfx-rs/gfxgfx-rs avatar

    gfx-rs/gfx

    5,398View on GitHub↗

    gfx is a hardware-agnostic graphics API abstraction that translates a unified set of graphics and compute commands into native instructions for multiple GPU drivers. It provides a common interface for cross-platform rendering and general-purpose GPU compute programming. The project features an intermediate-representation shader translation system that converts source code and SPIR-V into target-specific languages. It employs a data-driven reference test framework to verify that graphics output remains consistent across different hardware platforms. Capabilities include parallel command buffe

    gfx-rs/gfx is a hardware-agnostic graphics API abstraction library, not a tutorial or learning resource; it provides a unified interface across multiple backends but does not offer interactive demos, beginner-friendly explanations, or shader source code examples for learning WebGPU.

    RustWebGPU Implementations
    View on GitHub↗5,398
  • patriciogonzalezvivo/thebookofshaderspatriciogonzalezvivo avatar

    patriciogonzalezvivo/thebookofshaders

    6,931View on GitHub↗

    The Book of Shaders is an interactive educational guide and curriculum for learning GLSL fragment shader programming to create procedural graphics and visual effects. It provides a structured learning path and a categorized reference guide for data types, built-in functions, and mathematical operations used in shader development. The project features a web-based shader sandbox and interactive editor that allows for real-time iteration and visualization of GLSL code. Users can experiment with procedural art and share their results via unique URLs. The curriculum covers a wide range of graphic

    The Book of Shaders is an interactive guide for GLSL fragment shaders, but this search is for WebGPU-specific tutorials using WGSL and the WebGPU API, which this resource does not address.

    GLSLFragment Shader Rendering
    View on GitHub↗6,931

Related searches

  • a WebGL 3D rendering library for the browser
  • a study path for web3 engineers
  • a game engine written in Rust
  • an immediate mode gui library for tools
  • a project-based path to learning Rust
  • a JavaScript engine for browser games
  • a course for understanding computer architecture
  • a web interface for AI image generation