[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10772":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":42,"readmeContent":43,"aiSummary":44,"trendingCount":16,"starSnapshotCount":16,"syncStatus":45,"lastSyncTime":46,"discoverSource":47},10772,"nextjs-ollama-llm-ui","jakobhoeg\u002Fnextjs-ollama-llm-ui","jakobhoeg","Fully-featured web interface for Ollama LLMs","",null,"TypeScript",1415,330,20,18,0,1,5,20.56,"MIT License",false,"master",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"ai","chatbot","gemma","llm","local","localstorage","mistral","mistral-7b","nextjs","nextjs14","offline","ollama","openai","react","shadcn","tailwindcss","typescript","2026-06-12 02:02:26","\u003Cdiv align=\"center\">\r\n  \u003Cimg src=\"ollama-nextjs-ui.gif\">\r\n\u003C\u002Fdiv>\r\n\r\n\u003Ch1 align=\"center\">\r\n  Fully-featured web interface for Ollama LLMs\r\n\u003C\u002Fh1>\r\n\r\n\u003Cdiv align=\"center\">\r\n  \r\n![GitHub Repo stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fjakobhoeg\u002Fnextjs-ollama-llm-ui)\r\n  \r\n\u003C\u002Fdiv>\r\n\r\nGet up and running with Large Language Models **quickly**, **locally** and even **offline**.\r\nThis project aims to be the easiest way for you to get started with LLMs. No tedious and annoying setup required!\r\n\r\n> This is a hobby project. If you want a more complete experience, I suggest taking a look at [this](https:\u002F\u002Fgithub.com\u002Fopen-webui\u002Fopen-webui) instead.\r\n\r\n# Features ✨\r\n\r\n- **Beautiful & intuitive UI:** Inspired by ChatGPT, to enhance similarity in the user experience.\r\n- **Fully local:** Stores chats in localstorage for convenience. No need to run a database.\r\n- **Fully responsive:** Use your phone to chat, with the same ease as on desktop.\r\n- **Easy setup:** No tedious and annoying setup required. Just clone the repo and you're good to go!\r\n- **Code syntax highligting:** Messages that include code, will be highlighted for easy access.\r\n- **Copy codeblocks easily:** Easily copy the highlighted code with one click.\r\n- **Download\u002FPull & Delete models:** Easily download and delete models directly from the interface.\r\n- **Switch between models:** Switch between models fast with a click.\r\n- **Chat history:** Chats are saved and easily accessed.\r\n- **Light & Dark mode:** Switch between light & dark mode.\r\n\r\n# Preview\r\n\r\nhttps:\u002F\u002Fgithub.com\u002Fjakobhoeg\u002Fnextjs-ollama-llm-ui\u002Fassets\u002F114422072\u002F08eaed4f-9deb-4e1b-b87a-ba17d81b9a02\r\n\r\n# Requisites ⚙️\r\n\r\nTo use the web interface, these requisites must be met:\r\n\r\n1. Download [Ollama](https:\u002F\u002Follama.com\u002Fdownload) and have it running. Or run it in a Docker container. Check the [docs](https:\u002F\u002Fgithub.com\u002Follama\u002Follama) for instructions.\r\n2. Node.js (18+) and npm is required. [Download](https:\u002F\u002Fnodejs.org\u002Fen\u002Fdownload)\r\n\r\n# Quick start with Docker\r\n\r\n## Installation with prebuilt Docker image\r\n\r\n- **If Ollama is running on your pc**:\r\n\r\n```\r\ndocker run -d -p 8080:3000 --add-host=host.docker.internal:host-gateway -e OLLAMA_URL=http:\u002F\u002Fhost.docker.internal:11434 --name nextjs-ollama-ui --restart always jakobhoeg\u002Fnextjs-ollama-ui:latest\r\n```\r\n\r\n- **If Ollama is on a different server than the Web UI**:\r\n\r\n```\r\ndocker run -d -p 8080:3000 --add-host=host.docker.internal:host-gateway -e OLLAMA_URL=http:\u002F\u002Fexample.com:11434 --name nextjs-ollama-ui --restart always jakobhoeg\u002Fnextjs-ollama-ui:latest\r\n```\r\n\r\n> You can also change the default 8080 port if you wish.\r\n\r\n# Installation locally 📖\r\n\r\n[![Packaging status](https:\u002F\u002Frepology.org\u002Fbadge\u002Fvertical-allrepos\u002Fnextjs-ollama-llm-ui.svg?columns=3)](https:\u002F\u002Frepology.org\u002Fproject\u002Fnextjs-ollama-llm-ui\u002Fversions)\r\n\r\nUse a pre-build package from one of the supported package managers to run a local environment of the web interface.\r\nAlternatively you can install from source with the instructions below.\r\n\r\n> [!NOTE]  \r\n> If your frontend runs on something other than `http:\u002F\u002Flocalhost` or `http:\u002F\u002F127.0.0.1`, you'll need to set the OLLAMA_ORIGINS to your frontend url.\r\n>\r\n> This is also stated in the [documentation](https:\u002F\u002Fgithub.com\u002Follama\u002Follama\u002Fblob\u002Fmain\u002Fdocs\u002Ffaq.md#how-do-i-configure-ollama-server):\r\n>\r\n> `Ollama allows cross-origin requests from 127.0.0.1 and 0.0.0.0 by default. Additional origins can be configured with OLLAMA_ORIGINS`\r\n\r\n## Install from source\r\n\r\n**1. Clone the repository to a directory on your pc via command prompt:**\r\n\r\n```\r\ngit clone https:\u002F\u002Fgithub.com\u002Fjakobhoeg\u002Fnextjs-ollama-llm-ui\r\n```\r\n\r\n**2. Open the folder:**\r\n\r\n```\r\ncd nextjs-ollama-llm-ui\r\n```\r\n\r\n**3. Rename the `.example.env` to `.env`:**\r\n\r\n```\r\nmv .example.env .env\r\n```\r\n\r\n**4. If your instance of Ollama is NOT running on the default ip-address and port, change the variable in the .env file to fit your usecase:**\r\n\r\n```\r\nOLLAMA_URL=\"http:\u002F\u002Flocalhost:11434\"\r\n```\r\n\r\n**5. Install dependencies:**\r\n\r\n```\r\nnpm install\r\n```\r\n\r\n**6. Start the development server:**\r\n\r\n```\r\nnpm run dev\r\n```\r\n\r\n**5. Go to [localhost:3000](http:\u002F\u002Flocalhost:3000) and start chatting with your favourite model!**\r\n\r\n# Upcoming features\r\n\r\nThis is a to-do list consisting of upcoming features.\r\n\r\n- ✅ Voice input support\r\n- ✅ Code syntax highlighting\r\n- ✅ Ability to send an image in the prompt to utilize vision language models.\r\n- ✅ Ability to regenerate responses\r\n- ⬜️ Import and export chats\r\n\r\n# Tech stack\r\n\r\n[NextJS](https:\u002F\u002Fnextjs.org\u002F) - React Framework for the Web\r\n\r\n[TailwindCSS](https:\u002F\u002Ftailwindcss.com\u002F) - Utility-first CSS framework\r\n\r\n[shadcn-ui](https:\u002F\u002Fui.shadcn.com\u002F) - UI component built using Radix UI and Tailwind CSS\r\n\r\n[shadcn-chat](https:\u002F\u002Fgithub.com\u002Fjakobhoeg\u002Fshadcn-chat) - Chat components for NextJS\u002FReact projects\r\n\r\n[Framer Motion](https:\u002F\u002Fwww.framer.com\u002Fmotion\u002F) - Motion\u002Fanimation library for React\r\n\r\n[Lucide Icons](https:\u002F\u002Flucide.dev\u002F) - Icon library\r\n\r\n# Helpful links\r\n\r\n[Medium Article](https:\u002F\u002Fmedium.com\u002F@bartek.lewicz\u002Flaunch-your-own-chatgpt-clone-for-free-on-colab-shareable-and-online-in-less-than-10-minutes-da19e44be5eb) - How to launch your own ChatGPT clone for free on Google Colab. By Bartek Lewicz.\r\n\r\n[Lobehub mention](https:\u002F\u002Flobehub.com\u002Fblog\u002F5-ollama-web-ui-recommendation#5-next-js-ollama-llm-ui) - Five Excellent Free Ollama WebUI Client Recommendations\r\n","这是一个为Ollama大型语言模型设计的全功能网页界面。项目使用TypeScript构建，核心功能包括美观直观的用户界面、完全本地化的聊天记录存储（无需数据库）、响应式设计以适应不同设备，并且支持代码高亮显示和一键复制代码块等特性。它还允许用户轻松下载、删除及切换不同的模型。该工具非常适合希望快速启动并运行大语言模型实验或应用的开发者和个人用户，在本地甚至离线环境中都能良好工作。",2,"2026-06-11 03:30:05","top_topic"]