chat-01

simple-ai/chat-01

FreeBlock

A simple chat page.

Live preview

live · rendered by the registry

Rendered by simple-ai on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://simple-ai.dev/r/chat-01.json

Source

./src/registry/blocks/chat-01/page.tsxsimple-ai.dev/r/chat-01.json

1import { ChatMain } from "@/registry/blocks/chat-01/components/chat/chat-main";
2import { AppLayout } from "@/registry/blocks/chat-01/components/layout/app-layout";
3 
4export default function Page() {
5	return (
6		<AppLayout sidebarChildren={null}>
7			<ChatMain />
8		</AppLayout>
9	);
10}

What it pulls in

npm packages

ai
@ai-sdk/react
@ai-sdk/openai

Other registry items

card
breadcrumb
separator
sidebar
tooltip
button
avatar
dropdown-menu
@simple-ai/chat-input
@simple-ai/chat-message-area
@simple-ai/chat-message
@simple-ai/tool-invocation
@simple-ai/chat-suggestions
@simple-ai/reasoning

Files it writes

./src/registry/blocks/chat-01/page.tsx
./src/registry/blocks/chat-01/route.ts
./src/registry/blocks/chat-01/lib/config.ts
./src/registry/blocks/chat-01/lib/tools.ts
./src/registry/blocks/chat-01/lib/messages.ts
./src/registry/blocks/chat-01/types/ai-messages.ts
./src/registry/blocks/chat-01/components/layout/app-layout.tsx
./src/registry/blocks/chat-01/components/layout/app-layout-skeleton.tsx
./src/registry/blocks/chat-01/components/layout/app-header.tsx
./src/registry/blocks/chat-01/components/layout/app-sidebar.tsx
./src/registry/blocks/chat-01/components/layout/app-main-nav.tsx
./src/registry/blocks/chat-01/components/layout/app-secondary-nav.tsx
./src/registry/blocks/chat-01/components/layout/app-user-nav.tsx
./src/registry/blocks/chat-01/components/chat/chat-main.tsx
./src/registry/blocks/chat-01/components/chat/chat-header.tsx
./src/registry/blocks/chat-01/components/chat/chat-content.tsx

More from simple-ai

All 77 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
app-01app-01	simple-ai	Blocks	Free	5 deps · 11 files
app-02app-02	simple-ai	Blocks	Free	3 deps · 5 files
app-03app-03	simple-ai	Blocks	Free	4 deps · 9 files
chat-02chat-02	simple-ai	Blocks	Free	2 deps · 3 files
chat-03chat-03	simple-ai	Blocks	Free	2 deps · 3 files
chat-04chat-04	simple-ai	Blocks	Free	3 deps · 13 files
flow-chainflow-chain	simple-ai	Blocks	Free	8 deps · 19 files
flow-orchestratorflow-orchestrator	simple-ai	Blocks	Free	8 deps · 19 files