vuepont/ai-elements-vue

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

1150 stars · 94 forks observed · 2026-08-28

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

AI Elements Vue is a Vue 3 component library and custom shadcn-vue registry providing pre-built, customizable UI components for AI-native applications, such as conversations, messages, code blocks, and reasoning displays. It is installed via a dedicated CLI or the shadcn-vue CLI and works with Vue.js and Nuxt.js projects using the Vercel AI SDK and Tailwind CSS.

Use cases

• add chat message and conversation UI to a Vue app
• build an AI chatbot interface with Vue and Nuxt
• render streaming LLM responses with reasoning and code blocks
• install shadcn-style AI components into a Tailwind project
• port Vercel AI Elements components to Vue
• create an AI-native frontend with prebuilt components

When to choose

• you use Vue 3 or Nuxt with the AI SDK and shadcn-vue
• you want copy-in, customizable components rather than a black-box package
• you need polished AI chat UI elements like messages, conversations, and reasoning displays

When to avoid

• your project uses React instead of Vue
• you don't use Tailwind CSS or shadcn-vue conventions
• you need a fully hosted chat widget rather than source components

Facets

library · maturity active

ui-components chat-interface cli frontend-framework frontend web-development chatbots large-language-models developer-tools shadcn-vue tailwind-css nuxt ai-sdk component-registry typescript vercel-ai-elements-port vue nodejs web-server

Member repositories

For agents

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