A boilerplate to start your simple WebGPU project using vite and vanilla typescript
UNLICENSE License
The boilerplate to help you quickly start building your simple WebGPU web page. You might find it useful if you want to focus on WebGPU development or not familiar with front end stuff.
npm install
npm run dev
npm run build
The built site goes into dist/
.
Your static assets (e.g. textures, models) can go into public/
, which will be copied directly when built.
Dependencies used, and why they are used
tsc
is integrated in Vite so no more overhead for using typescript.You can write your shader in separate .wgsl
file and import as plain string
import triangleVertWGSL from './shaders/triangle.vert.wgsl';