Examples

The browser goes vroom

30 examples covering frameworks, servers, and testing tools, all running in the browser.

Agentic Development

Claude Coding

Generate a React apllication with Claude, streaming responses and live preview

Agentic Development

Mistral Coding

Create a marketing website with Codestral, streaming code with live updates

Agentic Development

OpenAI Coding

Use Astro with React, powered by OpenAI GPT-5.4 Mini

Frameworks

React

Multi-page React app with JSX, Tailwind CSS, and client-side routing

Frameworks

Vue

Vue 3 app with Composition API, reactive state, and Tailwind CSS

Frameworks

Svelte

Svelte app with reactive declarations, scoped CSS, and animations

Frameworks

Next.js

Next.js 14 with App Router, HMR, TypeScript, and file-based routing

Frameworks

Nuxt

Nuxt with auto-imports, file-based routing, and server API routes

Frameworks

Astro

Astro site with Markdown, component islands, and static generation

Frameworks

Vite

Vite + React + TypeScript with fast HMR and Tailwind CSS

Frameworks

React + Radix

React with Radix UI accessible compound components and npm bundling

Frameworks

Vue + Radix

Vue with Radix Vue headless components and VueUse composables

Servers

Express

Express.js REST API with middleware chains and interactive API explorer

Servers

Hono

Hono web server with logger, CORS middleware, and request context API

Testing

Jest

Jest test runner with result parsing and pass/fail tracking

Testing

Vitest

Vitest with ESM-first testing, result aggregation, and formatted output

Tools

esbuild

esbuild bundler with interactive config, size analysis, and multiple formats

Tools

Prettier

Prettier code formatting with configurable rules and before/after diffs

Tools

TypeScript

Compile and run TypeScript — interfaces, types, and module imports

Runtime

Node.js

Node.js with built-in modules, CommonJS require, and ESM support

Runtime

Shell Scripting

Shell commands, pipes, file manipulation, and text processing

Runtime

Crypto

SHA-256 hashing, HMAC signatures, and secure random generation

Runtime

npm Scripts

Install packages and execute package.json scripts with real-time progress

Runtime

pnpm Scripts

Efficient package management and script execution with pnpm

Tools

Error Overlay

Catch runtime errors with formatted stack traces and full-screen overlay

Tools

Interactive Tutorial

7 guided coding lessons with automated validation and progress tracking

Tools

Plugin System

Build plugins with virtual modules, CSS stubbing, and code transforms

Runtime

Persistence

Persist filesystem across refreshes with IndexedDB and automatic saves

Runtime

Sandbox

Run untrusted code safely with file limits, memory caps, and access controls

Runtime

pnpm Workspaces

Monorepo workspace discovery, symlink linking, and cross-package imports