Docs
Introduction

Introduction

A collection of beautifully designed chat interface components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Welcome to simple-ai

Get started building beautiful, accessible, and performant chat interfaces with simple-ai components.

Introduction

Welcome to simple-ai, a collection of carefully crafted chat interface components that you can copy and paste into your applications. Built on the philosophy of shadcn/ui, this collection focuses on providing everything you need to create modern chatbot experiences, from chat inputs to message areas and everything in between.

This is NOT a component library. It's a collection of re-usable components that you can copy and paste into your apps.

Why simple-ai?

  • Chat-First Design - Components specifically designed for chat and conversational interfaces
  • Modern UX Patterns - Implements patterns seen in leading AI chat applications
  • Copy and Paste - Use components directly in your app and customize them to your needs
  • Dark Mode - Built-in dark mode support
  • TypeScript - Written in TypeScript for better developer experience

Vercel AI SDK Compatibility

The components in simple-ai are designed to work seamlessly with Vercel AI SDK. If you're building AI-powered applications with Vercel's SDK, our components provide the perfect UI layer for your chat interfaces, handling streaming responses, loading states, and complex chat interactions out of the box.

Philosophy

simple-ai follows the same philosophy as shadcn/ui: giving you ownership and control over the code. We believe that:

  1. You should have complete control over your chat interface components
  2. Components should be easy to customize and extend
  3. Chat interfaces should be performant, even with large message histories

Credits

This project wouldn't be possible without shadcn/ui. It serves as the main inspiration for both the philosophy and implementation approach of this collection. We also draw inspiration from the Vercel AI SDK for our chat-specific components and interactions.

FAQ