Generative UI

agent-demos/generative-ui

FreeBlock

A production-ready AI SDK UI generative interface demo with OpenAI hosted web search and model-selected React components.

Install it

npx shadcn@latest add https://agent-demos.hsawana9.com/r/generative-ui.json

Source

registry/generative-ui/app/demos/generative-ui/page.tsxagent-demos.hsawana9.com/r/generative-ui.json

1import { GenerativeUiScreen } from "@/components/generative-ui/generative-ui-screen";
2 
3export default function GenerativeUiPage() {
4  return <GenerativeUiScreen />;
5}

What it pulls in

npm packages

@ai-sdk/openai
@ai-sdk/react
@base-ui/react
ai
class-variance-authority
lucide-react
zod

Other registry items

utils
badge
breadcrumb
button
card
separator
table
textarea
tooltip
https://elements.ai-sdk.dev/api/registry/conversation.json
https://elements.ai-sdk.dev/api/registry/message.json
https://elements.ai-sdk.dev/api/registry/reasoning.json
https://elements.ai-sdk.dev/api/registry/sources.json
https://elements.ai-sdk.dev/api/registry/tool.json

Files it writes

registry/generative-ui/app/demos/generative-ui/page.tsx
registry/generative-ui/app/api/demos/generative-ui/route.ts
registry/generative-ui/components/generative-ui/generative-ui-screen.tsx
registry/generative-ui/components/generative-ui/generative-ui-workspace.tsx
registry/generative-ui/components/generative-ui/feature-comparison-matrix.tsx
registry/generative-ui/components/generative-ui/plan-recommendation-card.tsx
registry/generative-ui/components/generative-ui/message-parts.ts
registry/generative-ui/components/generative-ui/partial-rendering.tsx
registry/generative-ui/components/generative-ui/use-generative-ui-chat.ts
registry/generative-ui/components/demo-chat/use-demo-chat.ts
registry/generative-ui/components/demo-chat/conversation-error-message.tsx
registry/generative-ui/components/demo-workspace-shell.tsx
registry/generative-ui/components/demo-breadcrumb.tsx
registry/generative-ui/components/ai-elements/prompt-input.tsx
registry/generative-ui/lib/ai-gateway/contract.ts
registry/generative-ui/lib/generative-ui/ui-contract.ts
registry/generative-ui/lib/generative-ui/env-source.ts
registry/generative-ui/lib/generative-ui/env.ts
registry/generative-ui/lib/generative-ui/model.ts
registry/generative-ui/lib/generative-ui/chat.ts
registry/generative-ui/lib/generative-ui/runtime.ts

More from agent-demos

All 16 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Memory & Persistence Agentcustomer-memory-agent	agent-demos	Blocks	Free	9 deps · 31 files
Foundation Chatfoundation-chat	agent-demos	Blocks	Free	5 deps · 14 files
LangGraph Agentlanggraph-agent	agent-demos	Blocks	Free	5 deps · 18 files
Loop Agentloop-agent	agent-demos	Blocks	Free	7 deps · 13 files
MCP Agentmcp-agent	agent-demos	Blocks	Free	10 deps · 22 files
Multimodal Chatbotmultimodal-chatbot	agent-demos	Blocks	Free	6 deps · 13 files
Object Generationobject-generation	agent-demos	Blocks	Free	7 deps · 14 files
OpenAI Agents SDK Demoopenai-agents-sdk-demo	agent-demos	Blocks	Free	11 deps · 56 files