├── LICENSE ├── README.md └── index.html /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 Yorkie 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ⚠️ This is an **unofficial** project and is **not affiliated with or endorsed by LM Studio**. 2 | 3 | # LM Studio Chat WebUI(unofficial) 4 | 5 | This is a simple, browser-based chat interface for interacting with your LM Studio server. It allows you to connect to your locally hosted LM Studio model and chat with it from any device with a web browser, including mobile phones. 6 | 7 | ## Features 8 | 9 | - Dark mode interface 10 | - Connect to any LM Studio server 11 | - Chat with your LM Studio model 12 | - LaTeX Math Rendering and Markdown Rendering 13 | - Mobile-friendly design 14 | - Super Cool new Purple theme **NEW** 15 | - Chats **NEW** 16 | - Vision Model Support **NEW** 17 | - Choose your model **NEW** 18 | - Delete Chats **NEW** 19 | 20 | 21 | ## Screenshots 📸 22 | ![image](https://github.com/user-attachments/assets/7944a30a-6e52-467b-bf27-309f8db0bfde) 23 | ![image](https://github.com/user-attachments/assets/cecc2e50-1583-4ce6-a092-10adcb2359f3) 24 | ![image](https://github.com/user-attachments/assets/717bb8c6-ff62-4574-95e4-146909302180) 25 | ![image](https://github.com/user-attachments/assets/22275a46-f332-4ab9-b727-678a98aef7af) 26 | ![image](https://github.com/user-attachments/assets/d7cba468-166b-4d74-a98a-37ca72093b83) 27 | 28 | 29 | 30 | 31 | ## Setup Instructions 32 | 33 | ### For Desktop Users 34 | 35 | 1. Download the `lmstudiowebui.html` file from this repository. 36 | 2. Save it to a location on your computer that you can easily access. 37 | 38 | ### For Mobile Users 39 | This works out of the box on Android devices. For iOS you need to open the file in Microsoft Edge or another browser. Safari/Chrome do not work. 40 | There are several ways to get the `lmstudiowebui.html` file on your mobile device: 41 | 42 | 1. **Direct Download**: 43 | - Open this repository on your mobile device's web browser. 44 | - Find the `lmstudiowebui.html` file and download it directly to your device. 45 | 46 | 2. **Email to Yourself**: 47 | - Download the `lmstudiowebui.html` file on your computer. 48 | - Email it to yourself as an attachment. 49 | - Open the email on your mobile device and download the attachment. 50 | 51 | 3. **Cloud Storage**: 52 | - Upload the `lmstudiowebui.html` file to a cloud storage service like Google Drive, Dropbox, or iCloud. 53 | - Access the file from your mobile device using the respective cloud storage app. 54 | 55 | 4. **File Transfer Apps**: 56 | - Use apps like AirDrop (for iOS devices) or nearby sharing (for Android devices) to transfer the file from your computer to your mobile device. 57 | 58 | ## Usage Instructions 59 | 60 | 1. **Start LM Studio Server**: 61 | - Open LM Studio on your computer. 62 | - Go to the "Server" tab (In 0.3.x -> Developer -> Local Server). 63 | - Ensure that CORS is enabled and Serve on Local Network is enabled. 64 | - Click "Start Server" and note down the server address. 65 | 66 | 2. **Open the Chat Interface**: 67 | - On desktop: Double-click the `lmstudiowebui.html` file to open it in your default web browser. 68 | - On mobile: Use a file manager app to locate the downloaded `lmstudiowebui.html` file and open it with your web browser. 69 | 70 | 3. **Connect to LM Studio Server**: 71 | - In the chat interface, enter the LM Studio server address in the input field at the top. 72 | - Click the "Connect" button. 73 | 74 | 4. **Start Chatting**: 75 | - Once connected, you can start typing messages in the input field at the bottom of the screen. 76 | - Press Enter or tap Send to send your message. 77 | - The model's responses will appear in the chat window. 78 | 79 | ## Troubleshooting 80 | 81 | - **Can't connect to server**: 82 | - Ensure LM Studio Server is running on your computer. 83 | - Check that you're using the correct server address. 84 | - If accessing from another device, make sure both devices are on the same network. 85 | 86 | - **Slow responses**: 87 | - LM Studio processing speed depends on your computer's capabilities. Larger models may take longer to respond. 88 | 89 | - **Interface not loading**: 90 | - Try opening the `lmstudiowebui.html` file with a different web browser. 91 | 92 | ## Security Note 93 | 94 | This interface is designed for local use only. Do not expose your LM Studio server to the public internet without proper security measures in place. 95 | 96 | ## Feedback and Contributions 97 | 98 | If you encounter any issues or have suggestions for improvements, please open an issue in this repository. Contributions via pull requests are welcome! 99 | 100 | ## Star History 101 | 102 | [![Star History Chart](https://api.star-history.com/svg?repos=YorkieDev/LMStudioWebUI&type=Date)](https://star-history.com/#YorkieDev/LMStudioWebUI&Date) 103 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | LM Studio Chat 7 | 8 | 9 | 10 | 11 | 12 | 13 | 337 | 338 | 339 | 353 | 354 | 355 | 356 | 372 | 373 | 374 | 375 |
376 |
377 | 378 | 381 | 382 |
383 |
Disconnected
384 |
385 | 386 |
387 | 388 | 393 |
394 | 395 |
396 |
397 |
398 | 399 | 400 |
401 | 402 | 403 |
404 |
405 |
406 |
407 | 408 |
Delete Chat
409 | 410 | 847 | 848 | 849 | --------------------------------------------------------------------------------