Hashbrown: The TypeScript Framework for Generative UI
Generative User Interfaces
Expose your React or Angular components and let Hashbrown use an LLM to serve dynamic views. You stay in control of the ingredients, deciding exactly what can and can't be generated.
Client-side Tool Calling
Hashbrown lets you define custom tools the LLM can use to fetch data or perform actions. While other AI SDKs stop at the server, Hashbrown runs tool calling in the browser so developers can expose app services and state directly.
Structured Data
Hashbrown comes with Skillet, a schema language that makes it simple to get structured data from LLMs. It is fully type safe and works for component props, structured outputs, and tool definitions, always served just right.
Streaming Responses
Hashbrown uses web standards to stream responses in common JavaScript runtimes like Node.js, Lambda, and Cloudflare Workers. A built-in JSON parser lets your app display results as fast as the LLM generates them.
Bring Your Own Model
Hashbrown works with the LLM vendor of your choice, with built-in support for OpenAI, Azure, Google Gemini, Writer, Anthropic, and AWS Bedrock. Use open weight models via Ollama.
JavaScript Runtime
Hashbrown includes a JavaScript runtime compiled to WebAssembly for executing AI-generated code. Create glue code to build graphs on the fly, stitch services together, ground mathematical operations, and more.
Model Context Protocol
Hashbrown integrates with the MCP Client SDK to call remote tools on an MCP server. This lets you connect your app to shared services, enterprise systems, and custom workflows through a standardized protocol.
Threads
Keep network calls small and lightweight while managing token consumption using Hashbrown's built-in threads support. Cache and recall LLM messages with minimal loading code.
Markdown Streaming
Stream and animate inline markdown with Magic Text, Hashbrown's headless markdown parser. Let LLMs cite their sources with full citation support.
Local Models
Hashbrown can connect with experimental local small language models in Chrome and Edge to generate completions and power lightweight chat experiences, with no roundtrip to the server.
Listen To & Generate Speech
Hashbrown pairs speech-to-text and text-to-speech models to make interfaces conversational. Use them together to build voice agents that listen to users, generate speech and UI, and interact with your web app.
Analyze Images & Documents
Scan images and documents with device cameras and turn them into structured data that connects your app to the physical world. Expose files to the JavaScript Runtime to let LLMs generate scripts for deeper analysis.