hashbrown

Getting Started

Guide

  1. 1. System Instructions
  2. 2. Skillet Schema
  3. 3. Streaming
  4. 4. Tool Calling
  5. 5. Structured Output
  6. 6. Generative UI
  7. 7. JavaScript Runtime

Recipes

  1. Natural Language Forms
  2. Remote MCP

Platforms

Introduction

Hashbrown is an open source framework for building generative user interfaces in Angular.

Key Concepts

  1. Headless: build your UI how you want
  2. Signal Based: Hashbrown uses signals and resources for reactivity
  3. Platform Agnostic: use any supported LLM provider
  4. Streaming: LLMs can be slow, so streaming is baked into the core
  5. Components: generative UI using your trusted and tested Angular components
  6. Runtime: safely execute LLM-generated JavaScript code in the client

Start Building

Getting started and text generation

Install Hashbrown and render text responses from instructions and prompts.

System Instructions

Learn the structure, how to set the role and tone, rules, and providing examples.

Generate user interfaces

Expose Angular components to the LLM for generative UI.

Get structured data from models

Use Skillet schema to describe model responses.

Introduction Key Concepts Start Building