Skip to content

Morph

Morph turns one sentence of natural language into a running, device-aware tool — composed in real time from capability blocks, planned by Gemini 2.5 Flash, with AI-generated custom React UI per block, validated in Vercel

Code Video Cerebral Valley

Core trick

Gemini emits a ToolSpec from capability blocks, and generated React components run in a Vercel Sandbox microVM before rendering.

Tags

dev toolsagents

Description

Morph turns one sentence of natural language into a running, device-aware tool — composed in real time from capability blocks, planned by Gemini 2.5 Flash, with AI-generated custom React UI per block, validated in Vercel Sandbox, and rendered live with permission gating and mid-session mutation. You type or speak an intent. Gemini reasons over a library of 6 capability blocks (Timer, Step Counter, Voice Recorder, Compass, Camera + Vision, Map) and your device's actual sensor availability, then generates a ToolSpec. Each block gets a purpose-built React component generated by Gemini — not a generic template, but code tuned to your exact words. That code runs in an isolated Vercel Sandbox microVM before it ever reaches your browser. Only validated code renders, with a "Sandbox-verified" badge. Same intent, different tools: a laptop gets timer + camera + voice, a phone gets steps + compass + map. Mid-session you can say "add a rating button" — new block appears while your timer keeps counting and your steps keep tracking. Mutations are additive only, state never resets. The block library is also exposed as an MCP server, so any MCP-compatible agent (including Claude) can discover and compose Morph tools programmatically. Morph is the runtime. Intent in, tool out.
sanikasawal/Morph★ 00 forksTypeScriptCreated Mar 21, 2026 · last push Mar 21, 2026

README excerpt

```
                                          __
   ____ ___   ____   _____ ____   / /_
  / __ `__ \ / __ \ / ___// __ \ / __ \
 / / / / / // /_/ // /   / /_/ // / / /
/_/ /_/ /_/ \____//_/   / .___//_/ /_/
                       /_/
```

### Intent in. Tool out.

[![Next.js 16](https://img.shields.io/badge/Next.js-16.2-black?logo=next.js)](https://nextjs.org/)
[![Gemini 2.5 Flash](https://img.shields.io/badge/Gemini-2.5_Flash-4285F4?logo=google)](https://ai.google.dev/)
[![Vercel AI SDK](https://img.shields.io/badge/Vercel_AI_SDK-6.0-000?logo=vercel)](https://sdk.vercel.ai/)
[![Vercel Sandbox](https://img.shields.io/badge/Sandbox-Validated-00C853)](https://vercel.com/)
[![TypeScript](https://img.shields.io/badge/TypeScript-Strict-3178C6?logo=typescript)](https://www.typescriptlang.org/)
[![License: MIT](https://img.shields.io/badge/License-MIT-AA0C11)](LICENSE)

---

**Morph** is a browser-based platform that turns one sentence of natural language into a running, device-aware tool — composed in real time from capability blocks, planned by Gemini, with AI-generated custom UI for each block, validated in Vercel Sandbox, and rendered live with explicit permission gating and mid-session mutation.

> **Zero to Agent Hackathon** | Vercel x Google DeepMind | March 21, 2026

<!-- Add demo GIF or screenshot here -->
<!-- ![Morph Demo](docs/demo.gif) -->

---

## Table of Contents

- [Why Morph?](#why-morph)
- [Architecture](#architecture)
- [How It Works](#how-it-works)
- [The 6 Bloc

Team