'use client'; import { Workflow, Server, Database, Zap, Globe } from 'lucide-react'; import { FeatureIcon } from './ui/FeatureIcon'; import { CopyButton } from './ui/CopyButton'; function AgentLogo({ name, color, src }: { name: string; color: string; src?: string }) { return (
{src ? ( {name} ) : (
{name[0]}
)} {name}
); } function ProviderLogo({ name, src }: { name: string; src?: string }) { return (
{src ? ( {name} ) : (
D
)} {name}
); } export function FeatureGrid() { return (

Full feature coverage.
Solving the fundamental friction points.

Everything you need to integrate coding agents in record time.

{/* Universal Agent API - Span 7 cols */}
{/* Top Shine Highlight */}
{/* Top Left Reflection/Glow */}
{/* Sharp Edge Highlight */}

Universal Agent API

Claude Code, Codex, OpenCode, and Amp each have different APIs. We provide a single, unified interface to control them all.

{/* Subtle Background Grid */}
{/* Glow effect for active lines */} {/* Define curved paths with their respective brand colors */} {(() => { const curvedPaths = [ { d: "M480 225 C540 225, 560 90, 620 90", label: "Claude", color: "#d97757" }, { d: "M480 225 C540 225, 560 180, 620 180", label: "OpenAI", color: "#ffffff" }, { d: "M480 225 C540 225, 560 270, 620 270", label: "Devin", color: "#10B981" }, { d: "M480 225 C540 225, 560 360, 620 360", label: "Amp", color: "#F59E0B" } ]; return ( <> {/* Connection Lines */} {/* App -> Agent (Straight) */} {/* Agent -> Providers (Curved) */} {curvedPaths.map((path, i) => ( ))} {/* High-Performance Tracers */} {/* Blue Tracer: App to SDK */} {/* Colored Tracers: SDK to Providers (following curves and matching brand colors) */} {curvedPaths.map((path, i) => ( ))} ); })()} {/* Nodes */} {/* App Node */} Client App {/* Central SDK Node */} Sandbox Agent SDK {/* Provider Nodes with Logos */} {/* Claude */} Claude Claude {/* OpenAI */} OpenAI {/* Devin */} Devin Devin {/* Amp / Custom */} Amp Amp
{/* Server Mode - Span 5 cols */}
{/* Top Shine Highlight */}
{/* Top Left Reflection/Glow */}
{/* Sharp Edge Highlight */}

Server Mode

Run as an HTTP server anywhere. One command to bridge coding agents to your application.

$ sandbox-agent serve --port 4000
{/* Universal Schema - Span 5 cols */}
{/* Top Shine Highlight */}
{/* Top Left Reflection/Glow */}
{/* Sharp Edge Highlight */}

Universal Schema

Standardized session JSON to store and replay agent actions. Built-in adapters for Postgres and ClickHouse.

{/* Rust Binary - Span 8 cols */}
{/* Top Shine Highlight */}
{/* Top Left Reflection/Glow */}
{/* Sharp Edge Highlight */}

Rust Binary

Statically-linked binary. Zero dependencies. 4MB total size. Instant startup with no runtime overhead.

Quick Install
$ curl -sSL https://sandboxagent.dev/install | sh
{/* Provider Agnostic - Span 4 cols */}
{/* Top Shine Highlight */}
{/* Top Left Reflection/Glow */}
{/* Sharp Edge Highlight */}

Provider Agnostic

Run locally, in Docker, or deploy to E2B, Daytona, and Vercel. Same SDK everywhere.

{['Local', 'Docker', 'E2B', 'Daytona', 'Vercel', 'Netlify'].map((provider) => ( {provider} ))}
); }