15+
Components
8+
Hooks
3+
Frameworks
6+
Tools
Interactive Demos
Explore each AI Kit feature with live, interactive demos. See how easy it is to build beautiful AI experiences.
Multi-Framework Support
Use AI Kit with your favorite framework
React
@ainative/ai-kitVue
@ainative/ai-kit-vueSvelte
@ainative/ai-kit-svelteGet Started in Seconds
# Install AI Kit
npm install @ainative/ai-kit
# Use in your React app
import { useAIStream, StreamingMessage } from '@ainative/ai-kit';
function Chat() {
const { messages, send, isStreaming } = useConversation({
url: '/api/chat',
});
return (
<div>
{messages.map(msg => (
<StreamingMessage key={msg.id} content={msg.content} />
))}
</div>
);
}