Marketing UI

Subcategory

Bento Layouts

Bento grid layouts and card arrangements

1 patternMarketing UI
Bento Layout 1Animated bento grid for presenting install methods, integrations, and product features.Oct 2025

Explore more

Related patterns

Code Block 1Feature section with animated code block and syntax highlightingOct 2025
Code Block 2Feature section with animated code block and syntax highlightingOct 2025
Code Block 3Feature section with animated code block and syntax highlightingOct 2025
Feature Grid 1Feature grid showcasing AI marketing agents with tilted card previews and hover effects. Perfect for highlighting product capabilities and use cases.
Model ComparisonCompare AI models like GPT-4, Claude, and Gemini. Includes filtering, sorting, performance metrics, and pricing data.Oct 2025
Model Comparison CompactCompare AI models in a compact table format. Includes horizontal scrolling, sortable columns, and condensed data for quick evaluation.Oct 2025

More in Marketing UI

Feature Sections

Feature showcase sections and highlights

4 patternsView →

Comparison Tables

Model comparison and feature tables

4 patternsView →

Integrations

Third-party service integration displays

2 patternsView →

Business Tools

Business calculators and utility tools

2 patternsView →

Mock Chats

Mock chat interfaces and demos

3 patternsView →

You’ve reached the end of Bento Layouts.

ai sdk agents

Docs

  • How it works
  • About
  • Free vs Pro
  • Changelog
  • Install with shadcn CLI
  • Copy for a coding agent
  • Download as Next.js App
  • Theming
  • Blocks
  • AI Elements
  • Hono API Servers
  • Skills
  • Install Skills
  • AI Components
  • Templates

Blocks

  • Chat Gpt
  • Chat Claude
  • Chat Grok
  • Generate Speech (OpenAI)
  • Transcribe Audio (OpenAI)
  • Generate Text
  • Stream Text
  • Streaming Structured Output
  • OpenAI Structured Output
  • Claude Structured Output
  • Gemini Structured Output
  • Generate Image (OpenAI)
  • Generate Image (Flux)
  • Generate Image (Grok Imagine)
  • Generate Image (Google Gemini)
  • Generate Speech (ElevenLabs)
  • Transcribe Audio (ElevenLabs)
  • Search - Exa AI (robust)
  • Search - Firecrawl (robust)
  • Scrape - Cheerio (lightweight)
  • Scrape - Jina AI (advanced)
  • Scrape - Markdown.new (free)
  • Jev Action Gate
  • Jev Confidence Router
  • Jev Search Filter
  • Eve Long-Term Memory Agent
  • Eve Triage Orchestrator Agent
  • Eve Scheduled Digest Agent
  • Eve Simple Tool Agent
  • Eve Approval-Gated Operations Agent
  • Agent Routing Pattern
  • JSON Render Email
  • HIL Tool Approval Basic
  • Basic Chat Interface
  • Plan
  • Tool Approval
  • Sources & Citations
  • Task Management Demo
  • Queue
  • Parallel Processing Pattern
  • CSV Editor Artifact
  • HIL Agentic Context Builder
  • Chart Artifact
  • Tool Execution
  • Reasoning
  • AI SDK Prompt Few-Shot Editor
  • Prompt UI Improver
  • AI Profile Enrichment Form
  • Cheerio Web Scraper
  • Jina AI Web Scraper
  • Cloudflare Markdown.new Web Scraper
  • Web Search Tool
  • PDF Analysis Tool
  • Image Generation Demo
  • Inline Citations Demo
  • AI SDK Gemini Flash Text
  • AI SDK Nano Banana Image
  • AI SDK Nano Banana Image Edit
  • AI SDK Nano Banana Image Merge
  • Multi-Step Tool Pattern
  • Orchestrator-Worker Pattern
  • Evaluator-Optimizer Pattern
  • Claude Web Search Tool
  • Exa Web Search Tool
  • @exalabs webSearch Tool
  • Firecrawl Scrape Tool Chat
  • Workflow - URL Analysis
  • HIL Needs Approval
  • HIL Inquire Multiple Choice
  • HIL Inquire Text Input
  • Tool Input Lifecycle Hooks
  • Preliminary Tool Results
  • Tool API Context
  • Tool Call Repair
  • Dynamic Tool
  • Structured Agent Output: Output.choice
  • Structured Agent Output: Output.array
  • Loop Control: stopWhen
  • PrepareStep: Trim Message History
  • Call Options: prepareCall
  • Tool Context: experimental_context
  • Chat-Base Clone
  • AI Form Generator
  • Sub-Agent Orchestrator
  • Research Agent Chain
  • Human in the Loop Plan Builder Agent
  • Marketing Plan & Implement Agent
  • Branding Agent
  • Brand Product Placement Generator (Nano Banana)
  • Brand Mood Board Generator
  • Brand Guidelines Image Generator
  • Competitor Research Agent
  • Data Analysis Agent
  • Accessibility Audit Agent
  • SEO Audit
  • Marketing agent with skills + readFile
  • Just Bash Skills Agent
  • Reddit Product Validation Agent
  • AI Wizard Brand Strategy
  • Levee User Research
  • JSON Render Shadcn
  • JSON Render Three.js
  • JSON Render Data Table
  • Agent Sheet Artifact
  • Agent XLSX Artifact
  • Agent DOCX Artifact
  • Agent PDF Artifact
  • Agent Slides Artifact
  • Agent Text Artifact
  • Agent Document Editor
  • Agent Code Artifact
  • Agent Mermaid Artifact
  • Agent Map Artifact
  • Canvas Draw Artifact
  • JSON Render React
  • JSON Render PDF
  • JSON Render Image
  • Firecrawl Brand PDF
  • Firecrawl Landing Page Teardown PDF
  • JSON Render Remotion
  • Markdown multi-format file export
  • CSV / TSV ↔ JSON tabular export
  • XLSX → CSV export
  • OpenAI Prompt Caching (AI Gateway)
  • Anthropic Cache Control (AI Gateway)
  • Local RAG Ingest
  • Supermemory Tools
  • Local RAG Chat
  • Local Image Ingest
  • Local Image Search
  • Chunk strategy compare
  • Jev Composite Scorecard
  • Jev Output Verifier
  • Jev Loop Breaker
  • Jev Sub-agent Delegation
  • Jev Best-of-N Judge
  • Jev Infinite FAQ
  • Jev Tool Permissions
  • Jev JSON Render
  • Code Mode Compare
  • Jev AEO Audit
  • Jev Email Tags
  • Jev Table Query
  • Jev Memory
  • Jev + Web Context
  • Jev Evals
  • Jev Semantic Clustering
  • Jev Entity Resolution
  • Spreadsheet Agent
  • Evaluator Workflow Pattern
  • Orchestrator-Worker Workflow Pattern
  • Parallel Review Workflow Pattern
  • Routing Workflow Pattern
  • Sequential Workflow Pattern

Categories

  • Agents
  • Chat
  • Tools
  • Artifacts
  • Examples
  • Pricing
  • Free

Explore

  • AI Agent Orchestration
  • Durable AI Agents
  • AI Agent Tools
  • AI SDK Examples
  • AI Chat Components
  • AI Artifacts
  • AI Image Generation

Quick Links

  • Blocks
  • Skills
  • AI Components
  • Templates
  • Pricing
  • Login
  • Signup
AI SDK Agents
  • Blocks154
  • Components204
  • Skills23
Get All AccessPricing