vercel/ai-elements

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

2365 stars · 272 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

AI Elements is a React component library and custom shadcn/ui registry from Vercel providing pre-built, composable UI components for AI-native applications, such as conversations, messages, reasoning displays, and voice components. Components are installed directly into your codebase via a CLI or the shadcn CLI and integrate deeply with the Vercel AI SDK, including streaming and status states.

Use cases

• build a chat interface for an LLM app in React
• add AI chat components to a Next.js project
• render streaming markdown responses in a chat UI
• build a voice agent UI with transcription and audio player
• create an AI workflow canvas or agent IDE interface
• customize shadcn-style components for AI apps

When to choose

• you use Next.js with the Vercel AI SDK and shadcn/ui
• you want full source-code ownership and customization of AI UI components
• you need streaming-aware chat, reasoning, tool-call, or voice UIs
• you want accessible, themeable components following shadcn conventions

When to avoid

• your project is not React 19 / Next.js / Tailwind CSS 4 based
• you need a framework-agnostic or Vue/Svelte/Angular solution
• you want a prebuilt hosted chat widget rather than in-codebase components
• you don't use the AI SDK and don't want its conventions

Facets

library · maturity active

ui-components chat-interface cli frontend-framework markdown speech-recognition audio-processing artificial-intelligence large-language-models chatbots frontend web-development developer-tools cli cross-platform shadcn-ui ai-sdk react tailwind-css nextjs component-registry chat-ui streaming-ui vercel copy-paste-components nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vercel/ai-elements")