CODESEEDSign in
Explore projects
Rustintermediateweb

WebAssembly Image Processor

Rust module compiled to WASM that processes images in the browser: resize, crop, filters (grayscale, blur, sharpen) without a server.

5 steps
Sign in to claim this project

Project steps

  1. 01

    Setup wasm-pack

    Configures the Rust project with wasm-bindgen and web target.

  2. 02

    Image decoding

    Accepts Vec<u8> PNG/JPEG, decodes with image crate.

  3. 03

    Processing

    Exposes functions: resize(w, h), grayscale(), blur(sigma), crop(x,y,w,h).

  4. 04

    TypeScript wrapper

    TS wrapper with async-friendly API and correct types.

  5. 05

    React Demo

    Simple UI: upload image, apply filters from UI, download result.

Recommended resources

Ready to build this?

Fork the repo on GitHub and start building. A mentor will review your code when you open a PR.

5 steps

Tech stack

Rustwasm-bindgenimage cratewasm-packTypeScript