Welcome to the comprehensive documentation for Svelte LangGraph - a complete solution for building real-time AI chat applications with SvelteKit, LangGraph, and beautiful Flowbite UI components.
- 🤖 Real-time AI Chat - WebSocket-powered streaming responses from multiple AI models
- 🎨 Flowbite Integration - Professional UI components with dark mode support
- ⚡ Modern Stack - SvelteKit + Tailwind CSS v4 + TypeScript + Socket.IO
- 🔧 Production Ready - Docker deployment, authentication, and monitoring
- Quick Start - Get up and running in 5 minutes
- Tutorial - Build your first AI chat app step-by-step
- Examples - Integration examples and live demos
📖 Guides
- Flowbite Theme System - Complete theming guide with Flowbite
- Authentication - JWT security and user management
- Internationalization - Multi-language support with Paraglide
- Deployment - Docker production deployment
- Performance - Optimization and best practices
- API Reference - Complete API documentation
- Flowbite Components - LangGraph + Flowbite component library
- Stores & State - Socket.IO stores and reactive state
- Socket Events - Real-time event reference
🔧 Advanced
- Architecture - System design and data flow
- Custom AI Agents - Building specialized agents
- Troubleshooting - Common issues and solutions
- Development Setup - Environment and tooling
- Testing Guide - Unit, integration, and E2E tests
- Release Process - Versioning and publishing
| I want to... | Start here... |
|---|---|
| Build a ChatGPT-like interface | Quick Start → Tutorial |
| Customize Flowbite components | Flowbite Theme Guide |
| Deploy to production | Deployment Guide |
| Add custom AI agents | Custom Agents |
| Integrate with existing app | API Reference |
Our Flowbite integration provides:
- 50+ Pre-built Components - Buttons, cards, modals, forms, and more
- Dark/Light Mode - Automatic theme switching with user preference
- Responsive Design - Mobile-first components that work everywhere
- Accessibility - WCAG compliant components out of the box
- Icon Library - 400+ Flowbite icons ready to use
<!-- Beautiful AI chat with one component -->
<script>
import { LangGraphFrontend } from 'svelte-langgraph';
</script>
<LangGraphFrontend
userId="user123"
theme="flowbite"
darkMode={true}
/>Experience the Flowbite theme in action:
# Clone and run
git clone <repository-url>
cd svelte-langgraph/examples/dashboard
pnpm install && pnpm dev
# Visit http://localhost:5173/flowbite- 📖 Troubleshooting Guide - Common issues and fixes
- 💡 Examples Gallery - Live code examples
- 🐛 Report Issues
- 💬 Discussions
Ready to build beautiful AI applications? Start with our 5-minute Quick Start!