AI Elements by Vercel - The shadcn/ui component library for building AI-native apps

Here's another banger by the 🐐 @haydenbleasel, the maker of next-forge and @Kibo UI.

Introducing AI Elements — beautifully crafted React components for the AI SDK.

Open source and built on @shadcn/ui, they're easy to integrate and fully customizable.

• Read the changelog

• View the source code for all components on GitHub

$ npx ai-elements

@haydenbleasel @fmerian @Vercel Thanks for bringing this valuable tool for AI project 🔥

I just went through the AI Elements website and documentation, and even though I haven’t used it yet, it’s clear this will be a perfect fit for my tech stack on upcoming AI projects. The thoughtful design and customizable components seem tailor-made to simplify building AI features, and I’m excited to start using it to speed up development and deliver more polished results.

Full control over chat UI bits without fighting the code? That’s just smart, tbh—been wishing for this exact thing, fr. Super pumped to try it out!

Hi @Vercel team, I would rate AI elements the most solid AI Chat Web UI library in the wild. We use it in our @Simular products. It's easy to compose and works just out of the box. 🎉

One feedback I do have is that, due to the use of react-syntax-highlighter parsing, the messages list rendering could be fairly slow if the message contains multiple code blocks, looking forward to the future optimizations about this.

Congrats on the launch!

Vercel makes building and scaling web apps so much smoother. Excited to see how makers leverage this for faster, personalized web experiences.

AI Elements gives React devs full control over AI interfaces message threads, input boxes, reasoning panels, and more. Built on shadcn/ui and designed for the Vercel AI SDK, it's open-source, customizable, and ready to ship

The plug-and-play components for message threads and reasoning panels are super handy !!

“Vercel continues to impress! The seamless Next.js integration, blazing-fast deploys, and zero-config preview environments make development feel effortless. The new AI Elements (launched August 25, 2025) are a great addition for building AI-native UIs with React—fully customizable and beautifully designed.

Been using AI Elements for a while. My favourite part.. My product gets features and improvements for free every week.

This is exactly what I’ve been needing, those message thread and reasoning panel components save so much time. Massive win for anyone building AI UIs fast and clean.