Use with anything

No account. No SDK. No network.

Every component on this page is driven by React state and a function that returns a string after a delay. Nothing here imports @inflection/sdk, and a build-time check makes sure it stays that way. Bring your own model, your own backend, or nothing at all.

A working conversation

Panel, header, transcript and composer, wired to a fake agent that streams a canned reply word by word. Try scrolling up while it replies — it stops following you.

Shell

Launcher, panel and tab bar.

npx | bunx shadcn@latest add https://ui.inflection.network/r/launcher.json

npx | bunx shadcn@latest add https://ui.inflection.network/r/tab-bar.json

Conversation parts

Where is my order?

It shipped this morning.

Checking that

npx | bunx shadcn@latest add https://ui.inflection.network/r/chat-bubble.json

npx | bunx shadcn@latest add https://ui.inflection.network/r/typing-indicator.json

Sources

npx | bunx shadcn@latest add https://ui.inflection.network/r/citations.json

npx | bunx shadcn@latest add https://ui.inflection.network/r/composer.json

Identity

AriaAI

Replies instantly

npx | bunx shadcn@latest add https://ui.inflection.network/r/agent-header.json

Hi there. How can we help?

Answers come from your docs, not from a script.

npx | bunx shadcn@latest add https://ui.inflection.network/r/greeting-header.json

Home

npx | bunx shadcn@latest add https://ui.inflection.network/r/home-card.json

npx | bunx shadcn@latest add https://ui.inflection.network/r/news-card.json

Help

npx | bunx shadcn@latest add https://ui.inflection.network/r/help-search.json

Track or change a delivery

Where your parcel is, and how to redirect it.

Open the order and choose Track. Until a parcel leaves the warehouse you can also change the delivery address.

Once it is with the courier, redirection has to happen on their side.

npx | bunx shadcn@latest add https://ui.inflection.network/r/article-view.json

Agent

The four with no equivalent in a deflection-bot kit: an agent that can act needs a gate, a narration of what it is doing, a way to offer help, and a way to say something went wrong.

I can cancel this order and refund it to your card.

Cancel order
order
#1032
refund
£48.00
card
•••• 4242

npx | bunx shadcn@latest add https://ui.inflection.network/r/confirm-card.json

Checking the documentation…

Read your account

npx | bunx shadcn@latest add https://ui.inflection.network/r/activity-chip.json

npx | bunx shadcn@latest add https://ui.inflection.network/r/nudge-card.json

This conversation has been handed to a person.

We're getting an unusual number of requests. Try again in a few minutes.

npx | bunx shadcn@latest add https://ui.inflection.network/r/banner.json