| 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 |
|
|
