1import { Meta } from '@storybook/addon-docs/blocks';
 2
 3<Meta title="Introduction" />
 4
 5# llama.cpp Web UI
 6
 7Welcome to the **llama.cpp Web UI** component library! This Storybook showcases the components used in the modern web interface for the llama.cpp server.
 8
 9## 🚀 About This Project
10
11WebUI is a modern web interface for the llama.cpp server, built with SvelteKit and ShadCN UI. Features include:
12
13- **Real-time chat conversations** with AI assistants
14- **Multi-conversation management** with persistent storage
15- **Advanced parameter tuning** for model behavior
16- **File upload support** for multimodal interactions
17- **Responsive design** that works on desktop and mobile
18
19## 🎨 Design System
20
21The UI is built using:
22
23- **SvelteKit** - Modern web framework with excellent performance
24- **Tailwind CSS** - Utility-first CSS framework for rapid styling
25- **ShadCN/UI** - High-quality, accessible component library
26- **Lucide Icons** - Beautiful, consistent icon set
27
28## 🔧 Development
29
30This Storybook serves as both documentation and a development environment for the UI components. Each story demonstrates:
31
32- **Component variations** - Different states and configurations
33- **Interactive examples** - Live components you can interact with
34- **Usage patterns** - How components work together
35- **Styling consistency** - Unified design language
36
37## 🚀 Getting Started
38
39To explore the components:
40
411. **Browse the sidebar** to see all available components
422. **Click on stories** to see different component states
433. **Use the controls panel** to interact with component props
444. **Check the docs tab** for detailed component information