{"repo":"vercel/ai-elements","free":true,"listed":false,"github":"https://github.com/vercel/ai-elements","clone":"git clone https://github.com/vercel/ai-elements.git","description":"AI Elements is a component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster.","language":"TypeScript","stars":2336,"topics":["ai","elements","shadcn-ui","vercel"],"license":null,"category":"ui-components","readme_excerpt":"▲ AI Elements AI Elements is a component library built on top of shadcn/ui to help you build AI-native applications faster. Overview AI Elements provides pre-built, customizable React components specifically designed for AI applications, including conversations, messages, code blocks, reasoning displays, and more. The CLI makes it easy to add these components to your Next.js project. Installation You can use the AI Elements CLI directly with npx, or install it globally: Prerequisites Before using AI Elements, ensure your project meets these requirements: - Node.js 18 or later - Next.js project with AI SDK installed - shadcn/ui initialized in your project ( npx shadcn@latest init ) - Tailwind CSS configured (AI Elements supports CSS Variables mode only) Usage Install All Components Install all available AI Elements components at once: This command will: - Set up shadcn/ui if not already configured - Install all AI Elements components to your configured components directory - Add necessary dependencies to your project Install Specific Components Install individual components using the add command: Examples: Alternative: Use with shadcn CLI You can also install components using the standard shadcn/ui CLI: Quick Start Example After installing components, you can use them in your React application: How It Works The AI Elements CLI: 1. Detects your package manager (npm, pnpm, yarn, or bun) automatically 2. Fetches component registry from https://elements.ai-sdk.dev/api/registry/reg","default_branch":null,"files":null,"tree":[],"storefront":"/r/vercel","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vercel/ai-elements/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}