ChatCraft: Multi-Model AI Chat UI Kit

Production-ready React components for building AI chat interfaces with support for GPT-4o, Claude, and more.

Features

• Multi-model selector (GPT-4o, Claude 3.5, Gemini)
• Markdown + syntax-highlighted code rendering
• Real-time token counter
• Streaming message support
• Fully typed with TypeScript

Stack

• React 18 + TypeScript
• react-markdown + react-syntax-highlighter
• Tailwind CSS
• OpenAI & Anthropic SDKs

What's Included

• ChatUI — full chat interface with message history
• MessageBubble — markdown-rendered message display
• ModelSelector — dropdown for switching AI models
• TokenCounter — live token usage estimation

After purchase you will receive access to the private repository.