Build generative user interfaces
Hashbrown is an open-source framework for building user interfaces that converse with users, dynamically reorganize, and even code themselves.
Generate UI, Not Just Text
With Hashbrown, large language models compose real views from your components and stream them into the page. Interfaces stay on‑brand, context‑aware, and production‑ready.
Learn how to build a chatbot with Generative UI and Tool CallingTurn Language into Data
Use Hashbrown to turn natural language into strongly typed data and build friendlier apps. Streaming primitives keep interactions fast, responsive, and type-safe.
Learn how to convert natural language into structured data
Instantly Predict the Next Action
Skip menus and dead ends. Use Hashbrown to suggest the right next step from context, whether it's navigation, filling a form, or kicking off a task, so your users stay in the flow.
Learn to build predictive suggestions and shortcuts
Hashbrown is free and MIT-licensed. If you'd like to support the project, join a workshop or sponsor us on GitHub.
The Generative UI Framework for Engineers
Hashbrown gives developers full control over generative AI to build user interfaces that are predictable, high quality, and ready to ship
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.
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.
Vendor Agnostic
Hashbrown works with the LLM vendor of your choice, with built-in support for OpenAI, Azure, Google Gemini, Writer, and Ollama, with adapters for AWS Bedrock and Anthropic coming to Hashbrown soon.
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.
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.
Learn to Build Generative UIs
Dive into the fundamentals of generative user interfaces in a one-day, hands-on workshop from the developers cooking up Hashbrown
View WorkshopsHot Out of the Fryer
Our latest videos, podcasts, and more.
Web Dev Challenge - Spotify Game
September 9, 2025
Your morning helping of all things generative user interfaces, served fresh on Thursdays, free