# Gemini and Angular, Part II: Creating Generative UIs

DevFeed: [Gemini and Angular, Part II: Creating Generative UIs](<https://devfeed.tech/articles/gemini-and-angular-part-ii-creating-generative-uis-37466.md>)

Original publisher: [Read original article](<https://www.angularspace.com/gemini-and-angular-part-ii-creating-generative-uis/>)

Author: Armen Vardanyan

Published: 2026-01-22T13:48:08Z

Content type: tutorial

Language: en

Sources: [Daniel Glejzner](<https://devfeed.tech/sources/daniel-glejzner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>), [function calling](<https://devfeed.tech/topics/function-calling.md>), [ui](<https://devfeed.tech/topics/ui.md>), [text-generation](<https://devfeed.tech/topics/text-generation.md>), [JSON](<https://devfeed.tech/topics/json.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [article](<https://devfeed.tech/tags/article.md>), [code](<https://devfeed.tech/tags/code.md>), [function-calling](<https://devfeed.tech/tags/function-calling.md>), [gemini](<https://devfeed.tech/tags/gemini.md>), [generative](<https://devfeed.tech/tags/generative.md>), [generative-ui](<https://devfeed.tech/tags/generative-ui.md>), [json](<https://devfeed.tech/tags/json.md>), [llms](<https://devfeed.tech/tags/llms.md>), [model](<https://devfeed.tech/tags/model.md>), [schemas](<https://devfeed.tech/tags/schemas.md>), [structured](<https://devfeed.tech/tags/structured.md>), [text](<https://devfeed.tech/tags/text.md>), [text-generation](<https://devfeed.tech/tags/text-generation.md>)

## AI overview

This tutorial continues a series on LLMs and Gemini by exploring Generative UI in Angular. It describes dynamically rendering interactive Angular components from model responses, combining Gemini with Google's Nano Banana Pro image generation model, and using Angular signal forms. The article emphasizes minimizing boilerplate while balancing model capability, performance, and cost.

## Source excerpt

Let's continue our journey into LLMs and Gemini! In the previous article, we moved beyond simple text generation and learned: how to force the model to speak our language using structured outputs (JSON schemas) how to connect the model to our actual code and logic using function calling