https://github.com/UstymUkhman/uwal

:art: Unopinionated WebGPU Abstraction Library :books:
https://github.com/UstymUkhman/uwal

computation javascript library renderer shaders typescript webgpu wgsl

Last synced: 13 days ago
JSON representation

:art: Unopinionated WebGPU Abstraction Library :books:

• Host: GitHub
• URL: https://github.com/UstymUkhman/uwal
• Owner: UstymUkhman
• License: mit
• Created: 2024-04-23T23:30:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-09-19T14:31:53.000Z (20 days ago)
• Last Synced: 2025-09-20T11:18:16.492Z (19 days ago)
• Topics: computation, javascript, library, renderer, shaders, typescript, webgpu, wgsl
• Language: JavaScript
• Homepage: https://ustymukhman.github.io/uwal/
• Size: 18.3 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

    

  



UWAL




  

  

  

  





  The goal of UWAL is to remove as much boilerplate as possible when working with the WebGPU APIs, while still providing a flexible interface with reasonable defaults for all configuration options.



## Introduction

- UWAL is very minimal, under development and in early beta stage, so expect breaking changes in the future.

- There are no plans to implement any WebGL fallback, so keep an eye on [browsers that support](https://caniuse.com/webgpu) WebGPU APIs.

- It is aimed at developers who like minimal layers of abstraction and are interested in writing their own shaders.

- To get started with UWAL, feel free to check out the [Wiki](https://github.com/UstymUkhman/uwal/wiki) page for some simple examples using version `0.2.0`.

## [Installation](https://www.npmjs.com/package/uwal)

```bash

npm i uwal

# or

yarn add uwal

# or

pnpm add uwal

# or

bun add uwal

```

## [Examples](https://ustymukhman.github.io/uwal/dist/examples/examples.html)

|   |   |

|:-:|:-:|

| Basic Program | Ripple Effect |

| [![Basic Program](assets/images/BasicProgram.jpg)](https://www.youtube.com/watch?v=TOCvJR07H6k) | [![Ripple Effect](assets/images/RippleEffect.jpg)](https://www.youtube.com/watch?v=j07n96qDe20) |

| WebGPU Smallpt | Pong Game |

| [![WebGPU Smallpt](assets/images/WebGPUSmallpt.jpg)](https://ustymukhman.github.io/uwal-webgpu-smallpt/dist/) | [![Pong Game](assets/images/PongGame.jpg)]() |

### [WebGPU Fundamentals](https://webgpufundamentals.org/)

- Basics

  - [Fundamentals](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#fundamentals)

  - [Inter-stage Variables](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#inter-stage-variables)

  - [Uniforms](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#uniforms)

  - [Storage Buffers](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#storage-buffers)

  - [Vertex Buffers](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#vertex-buffers)

  - Textures

    - [Textures](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#textures)

    - [Mipmap Filter](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#mipmap-filter)

    - [Loading Images](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#loading-images)

    - [Generating mipmaps on the GPU](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#gpu-mipmaps)

    - [Loading Canvas](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#loading-canvas)

    - [Loading Video](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#loading-video)

    - [Texture Atlases](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#texture-atlases)

    - [Using Video](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#using-video)

    - [Using Camera](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#using-camera)

    - [Cubemaps](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#cubemaps)

    - [Storage Textures](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#storage-textures)

    - [Multisampling](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#multisampling)

  - [Shader Constants](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#shader-constants)

  - [Transparency and Blending](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#transparency)

  - [Blend Settings](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#blend-settings)

  - [Bind Group Layouts](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#bind-group-layouts)

  - [Timing Performance](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#timing-performance)

  - Compatibility Mode _(TBI)_

- 3D Math

  - [Translation](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#translation)

  - [Rotation](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#rotation)

  - [Scale](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#scale)

  - [Matrix Math](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#matrix-math)

  - [Adding in Projection](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#adding-projection)

  - [Orthographic Projection](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#orthographic-projection)

  - [Perspective Projection](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#perspective-projection)

  - [Cameras](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#cameras)

  - [Matrix Stacks](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#matrix-stacks)

  - [Recursive Tree](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#recursive-tree)

  - [Scene Graphs](https://ustymukhman.github.io/uwal/dist/lessons/lessons.html#scene-graphs)

  - [Making a Hand](https://ustymukhman.github.io/uwal-webgpu-fundamentals/dist/#making-hand)