Topic
AI Image Generation
Image generation with the AI SDK is one function call — the work is in choosing the provider, wiring the route, and handling files. These patterns cover the full surface: fast generation with Flux via AI Gateway, Gemini Flash for generation and conversational editing, merging multiple images, and multi-step pipelines that keep brand style consistent across outputs. Each includes the API route, the upload/display UI, and provider setup.
Featured patterns
A curated starting point for this topic — open a live preview, then adapt the source.
Generate Image (Flux)
Generate images from text prompts using Flux through the Vercel AI Gateway. Fast, high-quality image generation with one API key.
Generate Image (Grok Imagine)
Generate images from text prompts using xAI Grok Imagine through the Vercel AI Gateway.
AI SDK Nano Banana Image
Generate images using Gemini 3.1 Flash Lite Image with prompt optimization. Includes style adaptation and customizable parameters.
AI SDK Nano Banana Image Edit
Generate and edit images using Nano Banana 2.5 Flash. Create new images from text or edit existing ones with natural language. Includes version history and image comparison.
AI SDK Nano Banana Image Merge
Generate, edit, and merge images using Nano Banana 2.5 Flash. Create new images from text, edit existing ones with natural language, or merge two images together. Includes version history and image comparison.
Generate Image (Google Gemini)
Generate images from text prompts using Google Gemini's image model.
Brand Product Placement Generator (Nano Banana)
Paste a website URL to extract brand signals with Firecrawl, generate a structured product photography brief, auto-create four Nano Banana placement images, and click any result into a local edit flow.
More patterns
Additional patterns that fit this topic.
Related topics
Continue with adjacent topics that share the same building blocks.
AI Artifacts
21Patterns for AI agents that output real files and rich UI: XLSX spreadsheets, PDF reports, Word docs, slides, charts, tables, mermaid diagrams, and JSON-driven interfaces. Full source included.
AI SDK Examples
71Complete, running examples for the AI SDK: generateText, streamText, structured output, tool calling, agent loop control, prepareStep, and tool-call repair. Copy the source, keep shipping.
AI Chat Components
10Production React components for AI chat: message threads, streaming responses, reasoning displays, source citations, tool approval cards, and chat input. Tailwind-styled, copy-paste ready.
Browse by category
Jump into the catalog filtered by category.
You’ve reached the end of AI Image Generation.