Introduction
AI Elements
AI Elements is a component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
You can install it with:
npx ai-elements@latest
Here are some basic examples of what you can achieve using components from AI Elements.
Components
Actions
Hello, how are you?
I am fine, thank you!
Branch
What are the key strategies for optimizing React performance?
Here's the first response to your question. This approach focuses on performance optimization.
Code Block
function MyComponent(props) {
return (
<div>
<h1>Hello, {props.name}!</h1>
<p>This is an example React component.</p>
</div>
);
}
function MyComponent(props) {
return (
<div>
<h1>Hello, {props.name}!</h1>
<p>This is an example React component.</p>
</div>
);
}
Conversation
Image
Loader
Message
Hello, how are you?
Prompt Input
Reasoning
Response
Sources
Suggestion
Task
Tool
Web Preview