Getting Started

Install:

npm install @hashbrownai/{core,angular,openai} --save

Configure the provider:

export const appConfig: ApplicationConfig = {
  providers: [
    provideHashbrown({
      baseUrl: '/api/chat',
    }),
  ],
};

Adapters

Hashbrown supports multiple providers:

• OpenAI
• Azure OpenAI
• Amazon Bedrock
• Google Gemini
• Writer
• Ollama

Magic Text Renderer

Render streaming magic text from @hashbrownai/core with defaults or per-node overrides:

<hb-magic-text-renderer [text]="text" [citations]="citations">
  <ng-template hbMagicTextLink let-node="node">
    <a [href]="node.href" (click)="onLink(node, $event)">{{ node.text }}</a>
  </ng-template>

  <ng-template hbMagicTextText let-node="node">
    <span [class.code]="node.isCode">{{ node.text }}</span>
  </ng-template>
</hb-magic-text-renderer>

Inputs: text (string) and optional citations ({ id: string; url: string }[]). Outputs: (linkClick) and (citationClick) fire before navigation; the default handler prevents navigation unless the target opts in via data-allow-navigation="true".

Contributing

hashbrown is a community-driven project. Read our contributing guidelines on how to get involved.

Workshops and Consulting

Want to learn how to build Angular apps with AI? Learn more about our workshops.

LiveLoveApp provides hands-on engagement with our AI engineers for architecture reviews, custom integrations, proof-of-concept builds, performance tuning, and expert guidance on best practices. Learn more about LiveLoveApp.

License

MIT © LiveLoveApp, LLC