Getting Started
Learn how to set up your first project using our WebGPU-accelerated toolkit for high-performance web applications.
1. Install Command Line Tools
# Install via npm
npm install @egrasasas/wgpu-core
# Or with Yarn
yarn add @egrasasas/wgpu-core
# Verify installation
egrasas-wgpu --version
The CLI will automatically detect your GPU capabilities and install optimized binaries for your platform.
2. Create Project Template
egrasas-wgpu new my-project
cd my-project
Project structure:
├── src/
│ ├── main.js
│ └── shader.wg
├── package.json
└── .wgpuconfig
Includes WebGPU shader templates, memory safety validation, and automatic resource cleanup helpers.
3. Initialize WebGPU Context
import { initGPU } from 'wgpu-core'
const { device, adapter } = await initGPU({
requiredFeatures: ['textureCompressionBC'],
powerPreference: 'high-performance'
})
console.log(`Using ${adapter.name} GPU with ${device.limits.maxTextureSize} texture support`)
The SDK automatically selects the best available GPU and negotiaties feature support.
4. Build and Deploy
# Compile shaders and optimize assets
egrasas-wgpu build --release
# Watch for changes during development
egrasas-wgpu dev
Production builds include shader optimization and auto-generated WebAssembly bindings.
Need Help?
Join 10,000+ developers using our GPU acceleration toolkit for web and native applications.