Lua Chat UI Components - A comprehensive set of React components for building chat interfaces
npm install lua-ai-chatA comprehensive set of React components for building chat interfaces in the Lua ai ecosystem.
``bash`
npm install lua-ai-chator
yarn add lua-ai-chator
pnpm add lua-ai-chat
`tsx
import { ChatMessage, ChatInput, ChatContext } from 'lua-ai-chat';
function MyChatApp() {
return (
);
}
`
- Main message component
- ActionMessage - Action-based messages
- DocumentsMessage - Document display
- ImageMessage - Image display
- VideoMessage - Video display
- LocationMessage - Location display
- LoadingMessage - Loading state$3
- ChatInput - Main input component
- Toolbar - Message composition toolbar
- FilePreview - File preview components$3
- ImageDialog - Image viewing dialog
- VideoDialog - Video viewing dialog
- LocationDialog - Location viewing dialog
- CameraDialog - Camera interface$3
- AudioRecorder - Audio recording componentDevelopment
$3
To see all components in action, run the demo application:
`bash
pnpm install
pnpm dev:demo
`Then open http://localhost:3001 in your browser.
$3
`bash
pnpm build
`$3
`bash
pnpm dev
``This package is built with:
- React 18+
- TypeScript
- Tailwind CSS
- Radix UI primitives
MIT