Dev environments.
In your web app.
From interactive tutorials to full-blown IDEs, build instant, interactive coding experiences backed by WebContainers: the trusted, browser-based runtime from StackBlitz.
Run native package managers
Run the native versions of npm, pnpm, and yarn, all in the browser, all in your app, up to 10x faster than local.
Full browser support
Run WebContainer in all major browsers, from Chromium-based, to Firefox or Safari TP.
All major frameworks
Instantly spin up disposable environments running any major modern framework.
Run Wasm out of the box
Port your favorite language or framework to Wasm to run it in WebContainers. Yes, really.
Set up in only a few steps
- Boot a WebContainer.
- Populate the container's file system.
- Programmatically install packages.
- Run your development server in-browser.
import { WebContainer } from '@webcontainer/api';
const webcontainer = await WebContainer.boot();
await webcontainer.mount(projectFiles);
const install = await webcontainer.spawn('npm', ['i']);
await install.exit;
await webcontainer.spawn('npm', ['run', 'dev']);Build rich development experiences not possible before
Interactive tutorials
Learn SvelteKit, a full stack framework, within their custom editor, running on WebContainers, all in the browser.
learn.svelte.dev
Low code / no code
A stress-free editor enabling non-technical contributors to make their own PRs with a live, disposable preview to confirm an error-free build.
Web Publisher by StackBlitz
AI applications
re:tune is setting the stage for AI-native IDEs - with a copilot that can understand and operate in the full runtime context across server and client.
retune.so
Support for every team
Small startups, open source maintainers, and Fortune 500 enterprises all enjoy access to StackBlitz's committed product support, features and improvements.
Slash server costs
WebContainer API only requires the compute power of your local CPU and browser, eliminating the cost and overhead of managing remote servers.
Ship faster
No additional teams to build or maintain. Leave the technical support to us and focus on actually shipping your product.
Leverage proven tech
Years of development by our full-time engineering team, front-line feedback from leading community partners, and funded R&D into future technological possibilities make WebContainer more robust by the day.
Battle-tested by cutting-edge teams
Power your web app with
the WebContainer API
Create unmatched user experiences by integrating Node.js directly into your web app. Build fully-branded products without connecting to external servers or directing users away to third-party apps.
// hello-world.ts
import { WebContainer } from '@webcontainer/api';
// First we boot a WebContainer
const webcontainer = await WebContainer.boot();
// After booting the container we copy our project files
await webcontainer.mount(projectFiles);
// Install dependencies
const install = await webcontainer.spawn('npm', ['i']);
await install.exit;
// Run the development server
await webcontainer.spawn('npm', ['run', 'dev']);Package Managers Support
Run the native versions of npm, pnpm, and yarn, all in the browser, all in your app, up to 10x faster than local.
Browser Compatibility
WebContainers work seamlessly across all major browsers, ensuring a consistent development experience for your users.
Framework Support
Support for all major modern frameworks out of the box, enabling instant spinning up of disposable development environments.
WebAssembly Integration
Native support for running WebAssembly modules, allowing you to port your favorite languages and frameworks to run in WebContainers.
Documentation
Everything you need to know about implementing WebContainers in your application.
Quick Start Example
import { WebContainer } from '@webcontainer/api';
// Boot WebContainer
const webcontainer = await WebContainer.boot();
// Mount files
await webcontainer.mount({
'index.js': {
file: {
contents: `
console.log("Hello from WebContainers!");
`
}
}
});
// Run the file
const process = await webcontainer.spawn('node', ['index.js']);
// Listen to process output
process.output.pipeTo(new WritableStream({
write(data) {
console.log(data);
}
}));Simple, transparent pricing
Choose the plan that best fits your needs. All plans include access to WebContainers API and our world-class support.
Free
Perfect for small projects and experimentation
- Up to 10,000 container boots/month
- Community support
- Basic documentation access
Pro
For growing teams and applications
- Up to 100,000 container boots/month
- Priority email support
- Advanced features access
- Custom branding options
Enterprise
For large-scale applications and teams
- Unlimited container boots
- 24/7 dedicated support
- Custom integration support
- SLA guarantees
Join our growing community
Connect with developers, share your experiences, and stay up to date with the latest WebContainers news and updates.
Rich Harris
Principal Software Engineer, Vercel
"On the SvelteKit team, we've fantasized for years about being able to build fully interactive learning material for full stack frameworks. With WebContainers it went from 'impossible' to 'easy' almost overnight."
Vojta Holik
Designer & Developer, Egghead.io
"As a team working on educational products, StackBlitz WebContainers has been an invaluable tool for us. The ability to embed full-stack applications with customisable, interactive coding environment directly into our products has greatly enhanced the learning experience for our users."
Nate Moore
Senior Software Engineer, The Astro Technology Company
"WebContainers represent a fundamental shift in what is possible in the browser. I'm incredibly excited about the potential this tech unlocks, from secure, browser-based development environments to highly interactive educational content."