UmbraFex

A WebGPU-powered WGSL shader editor that runs entirely in the browser.

---

Inspired by ShaderToy. Built with Dioxus and WGPU, runs entirely in the browser via WebGPU.

Features

• Live WGSL shader editor with highlighting
• Real-time compilation errors
• Uniforms for resolution and time passed automatically
• Resizable editor and error pane via drag handles
• Fullscreen canvas mode
• Ships with a cute default pastel torus raymarcher to get you started

Requirements

• A browser that supports WebGPU (You may need to enable it)
• Rust & Cargo
• Dioxus

Use

dx serve --platform web

Writing Shaders

Shaders are written in WGSL. The following uniforms are available:

struct Uniforms {
    resolution: vec2<f32>,  // canvas size in pixels
    time:       f32,        // seconds since launch
    _pad:       f32,
}
@group(0) @binding(0) var<uniform> u: Uniforms;

Your shader needs a vertex entry point vs_main and a fragment entry point fs_main. The default shader is a good starting point.

Hit Run to recompile. Errors show up in the pane below the canvas.