Hashbrown is an open-source framework for building generative user interfaces (GUIs) with Angular and React. It empowers developers to create AI-powered applications that can converse with users, dynamically reorganize elements, and even generate or execute code based on natural language inputs. This framework simplifies the integration of advanced AI features, enhancing user interaction and application intelligence.

How It Works

The framework consists of core primitives for managing state and LLM interactions, complemented by framework-specific packages tailored for Angular and React. It utilizes provider-specific wrappers for Node.js backends to abstract various LLM SDKs (e.g., OpenAI, Azure OpenAI, Ollama, Gemini) into a consistent API. Communication between the backend and frontend is facilitated through HTTP streaming, enabling real-time updates and dynamic UI adjustments driven by natural language.

Quick Start & Requirements

Installation involves adding core and framework-specific packages via npm, such as npm install @hashbrownai/{core,angular,openai} --save. Essential prerequisites include Node.js and API keys for the desired LLM providers. Official documentation for Angular and React integration is available at hashbrown.dev/docs/angular/start/intro and hashbrown.dev/docs/react/start/intro, respectively. The repository also includes sample applications demonstrating various use cases.

Highlighted Details

• Supports a range of AI-driven features: input/structured completions, component selection/rendering, tool calling, and code generation/execution.
• Enables dynamic UI reorganization and updates driven by natural language interactions.
• Handles multiple languages for both input and output across its features.
• Includes comprehensive sample applications for Angular and React, showcasing smart home, finance, and general UI functionalities.

Maintenance & Community

Hashbrown is a community-driven project led by Mike Ryan, Brian Love, and Ben Taylor. Contributing guidelines are provided for community involvement. Workshops and consulting services are offered by LiveLoveApp for developers seeking hands-on guidance.

Licensing & Compatibility

The project is released under the permissive MIT License, allowing for broad compatibility with commercial applications and closed-source projects.

Limitations & Caveats

The full feature set of Hashbrown may not be compatible with all LLMs, particularly older or smaller models. Sample applications provide basic backend functionality but typically lack persistence layers.