Vercel AI Elements - Prebuilt React Components for AI Apps
Vercel has released React UI Components that is focused on building AI app - AI Elements
What is AI Elements?
It’s pre-built React components library that is built on top of shadcn/ui
It has all the common UI components that you would need to build an AI app.
So if you’re building an app that has AI features, component libraries like this are huge time savers 😅
And it has the following components right now
How to get started?
Prerequisites
shadcn/uiinitialized in your project- Tailwind CSS configured (AI Elements supports CSS Variables mode only)
Installation
# Use directly (recommended)
npx ai-elements@latest
It’ll setup shadcn/ui if not done already.
Similar to shadcn ui components, these components are also installed in your components directory.
If you want to install the components separately, you can do so by running the following command
npx ai-elements@latest add <component-name>
Reference
Happy building AI!
