Загрузка видео...

Не удалось загрузить видео

На главную

AI Chat is here. Our biggest release in a long time. A complete AI chat application for Next.js, built on shadcn/ui and the Vercel AI SDK. Thread history, projects, a file library, share links, and an assistant panel that docks beside your own app. We spent weeks crafting every...

26,632 просмотров • 1 месяц назад •via X (Twitter)

Комментарии: 29

Фото профиля shadcncraft
shadcncraft1 месяц назад

Every kind of reply has its own designed component. Streaming markdown, collapsible reasoning, tool calls with running, done, failed, and denied states, citations merged into one clean source list, inline attachments. Loading and error states included.

Фото профиля shadcncraft
shadcncraft1 месяц назад

It works out of the box. Clone it and it streams demo conversations through the exact same code a live model uses. Set one env variable and you are talking to Claude, GPT, and Grok through the Vercel AI Gateway. Storage sits behind one small ChatStore interface. Point it at your database.

Фото профиля shadcncraft
shadcncraft1 месяц назад

The product around the chat is crafted too. Command palette on Cmd K, dictation with a live waveform, projects with shared instructions and sources, a library of every file linked back to its conversation, and private, team, or public share links.

Фото профиля shadcncraft
shadcncraft1 месяц назад

Or just add the assistant. The assistant panel installs on its own and docks the chat beside the product you already have. Opened from an Ask AI button or a shortcut.

Фото профиля shadcncraft
shadcncraft1 месяц назад

Ship it whole, or install the blocks. The app is built from registry blocks: chat, composer, chat shell, assistant panel, share dialog. Install any of them with the shadcn CLI, in 8 styles and 5 icon libraries. Included in Pro React bundles. Already yours if you own one: download it now from your Polar portal. Figma version coming very soon.

Фото профиля shadcn
shadcn1 месяц назад

Looks really good. Amazing work.

Фото профиля shadcncraft
shadcncraft1 месяц назад

Thank you!

Фото профиля UI Rules
UI Rules1 месяц назад

Soon you'll be able to attach your own design guidelines to these components and blocks to make the UI truly unique to your brand

Фото профиля shadcncraft
shadcncraft1 месяц назад

Can’t wait to connect with you lol

Фото профиля Madeline D
Madeline D1 месяц назад

Okay wow this is sick

Фото профиля shadcncraft
shadcncraft1 месяц назад

Thanks Madeline!

Фото профиля Kyssta
Kyssta1 месяц назад

Nice. Docked assistant panel beside your own app is the detail most starters miss. Good release.

Фото профиля shadcncraft
shadcncraft1 месяц назад

Yes this one is super handy!

Фото профиля Swami
Swami1 месяц назад

Actually amazing!!!

Фото профиля shadcncraft
shadcncraft1 месяц назад

Thank you!

Фото профиля modi
modi1 месяц назад

shadcn's not shipping components anymore, he's just deleting product categories now

Фото профиля shadcncraft
shadcncraft1 месяц назад

shadcn is defs still shipping top quality components, we're just extending these into full blocks and apps

Фото профиля Stefan
Stefan1 месяц назад

Slick 🔥

Фото профиля shadcncraft
shadcncraft1 месяц назад

Thanks Stefan

Фото профиля Art Intelligence
Art Intelligence1 месяц назад

Since it does not use StyleX, its already outdated. Who would buy something like that?

Фото профиля shadcncraft
shadcncraft1 месяц назад

StyleX solves different problems. shadcn/ui is a Tailwind ecosystem, and that's who this is for. Neither is outdated, they're different stacks. Ours happens to be the one with a huge component ecosystem!

Фото профиля Gregor
Gregor1 месяц назад

'Complete' is doing a lot of work here. Every AI chat I've built eventually broke on streaming stability or per-conversation token costs, and neither is a UI problem.

Фото профиля shadcncraft
shadcncraft1 месяц назад

Totally fair. Complete means the interface surface: threads, projects, attachments, sharing, assistant panel. Streaming stability and token costs live behind the transport seam, which stays yours. The point is you never have to rebuild the UI around them again.

Фото профиля Jag
Jag1 месяц назад

Can we connect agentic frameworks like google adk?

Фото профиля shadcncraft
shadcncraft1 месяц назад

Yes, the UI only speaks the AI SDK chat transport. Put ADK (or any agent framework) behind a route handler that streams AI SDK UI messages and the whole interface works unchanged.

Фото профиля Azeem
Azeem1 месяц назад

is there api connection

Фото профиля shadcncraft
shadcncraft1 месяц назад

Not wired by default, it ships with scripted transports so you can run it with zero keys. But everything goes through the AI SDK's useChat, so connecting a real API is just swapping the transport for your own /api/chat route. Any provider works.

Фото профиля Azeem
Azeem1 месяц назад

cool

Фото профиля RobIW
RobIW1 месяц назад

Definitely stealing from this!

Похожие видео