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