Documentation menu

Docs

Sharables

The flagship NanoCodana product: describe a React Native app in chat, watch an agent build it file-by-file in your browser, preview it live, run it on your phone with Expo Go, and share it with a link.

sharables.ai is @nanocodana/browser in production, and it's the clearest demonstration of the framework's core claim: the entire agent — loop, tools, filesystem — runs client-side. It's fully BYOK (Anthropic, OpenAI, Google, OpenRouter, Ollama, in-browser WebLLM, and more); keys stay in the tab because there is no server to send them to.

Framework features it exercises#

  • Injected filesystem — the code editor, the live Expo Snack preview, and the agent all share one IndexedDB-backed IFileSystem, so an edit from any side is instantly visible to the others.
  • onFilesChange — every agent write/delete is mirrored into the running Snack, which is how the preview updates as the agent works.
  • Per-call overrides — switching provider or model mid-conversation swaps model on the next stream(); the agent rebuilds only what changed.
  • Image generation — an optional imageModel lets the agent create app assets on demand with the GenerateImage tool.
  • Usage + caching — the in-app meter reads result.totalUsage, including the cached-input share from automatic prompt caching.
The full source lives in the monorepo at apps/sharables — a real, shipping reference for building a browser-agent product of your own.