{"id":17773630,"url":"https://github.com/shrekshao/webgpu-typescript-starter","last_synced_at":"2025-03-15T16:32:23.672Z","repository":{"id":251807906,"uuid":"630661277","full_name":"shrekshao/webgpu-typescript-starter","owner":"shrekshao","description":"A boilerplate to start your simple WebGPU project using vite and vanilla typescript","archived":false,"fork":false,"pushed_at":"2024-09-25T20:16:06.000Z","size":22,"stargazers_count":21,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-15T02:39:42.467Z","etag":null,"topics":["boilerplate","tweakpane","typescript","vite","webgpu"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shrekshao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-20T21:43:52.000Z","updated_at":"2025-03-05T13:02:44.000Z","dependencies_parsed_at":"2024-08-05T23:04:33.708Z","dependency_job_id":null,"html_url":"https://github.com/shrekshao/webgpu-typescript-starter","commit_stats":null,"previous_names":["shrekshao/webgpu-typescript-starter"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrekshao%2Fwebgpu-typescript-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrekshao%2Fwebgpu-typescript-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrekshao%2Fwebgpu-typescript-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrekshao%2Fwebgpu-typescript-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shrekshao","download_url":"https://codeload.github.com/shrekshao/webgpu-typescript-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243760345,"owners_count":20343626,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","tweakpane","typescript","vite","webgpu"],"created_at":"2024-10-26T21:45:34.629Z","updated_at":"2025-03-15T16:32:23.321Z","avatar_url":"https://github.com/shrekshao.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# WebGPU Typescript Starter\n\nThe 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.\n\n## Getting started\n\n```sh\nnpm install\n```\n\n### Develop\n\n```sh\nnpm run dev\n```\n\n### Build\n\n```sh\nnpm run build\n```\n\nThe built site goes into `dist/`.\n\nYour static assets (e.g. textures, models) can go into `public/`, which will be copied directly when built.\n\n## Descriptions\n\nDependencies used, and why they are used\n- [Vite](https://github.com/vitejs/vite)\n  - Frontend tooling to make development and deployment easier.\n  - Modified on top of the [vanilla-ts](https://vitejs.dev/guide/#trying-vite-online) setup.\n  - Use [vite-raw-plugin](https://www.npmjs.com/package/vite-raw-plugin) to import spearate WGSL shader files.\n- [Typescript](https://www.typescriptlang.org/docs/)\n  - Compared to Javascript, the typings can help avoid a lot of common bugs. `tsc` is integrated in Vite so no more overhead for using typescript.\n  - [@webgpu/types](https://www.npmjs.com/package/@webgpu/types): types for WebGPU API.\n- [wgpu-matrix](https://github.com/greggman/wgpu-matrix): 3D math library for WebGPU.\n- [tweakpane](https://cocopon.github.io/tweakpane/) the new dat.GUI thing.\n  - [@tweakpane/core](https://www.npmjs.com/package/@tweakpane/core) for typescript support.\n\nYou can write your shader in separate `.wgsl` file and import as plain string\n\n```typescript\nimport triangleVertWGSL from './shaders/triangle.vert.wgsl';\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshrekshao%2Fwebgpu-typescript-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshrekshao%2Fwebgpu-typescript-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshrekshao%2Fwebgpu-typescript-starter/lists"}