社区维护的主题

感谢所有为本项目贡献主题的开发者和社区成员。大家用心打造了风格各异、视觉美观的主题，让 Komari 更加丰富和多元。每一份创意和付出都值得被感谢！

以下内容按照A-Z排序。

Light

项目地址：Github

开发者：uvexz

发布帖: Nodeseek

一个基于 Tailwind CSS 和 shadcn/ui 设计系统的现代化 Komari 服务器监控主题。

特性

• 🎨 现代化的设计，基于 shadcn/ui 设计系统
• 📊 实时服务器状态监控
• 🔄 WebSocket 实时数据更新
• 📈 直观的进度条和状态指示器
• 🏷️ 服务器分组筛选功能
• 👁️ 网格和表格两种视图模式
• 💾 本地存储用户偏好设置
• ⚡ 轻量化设计，最小外部依赖

截图

Mochi

项目地址：Github

开发者：svnmoe

基于 Komari Web 的另一个主题 Mochi。

🌟 核心特性

• 📱 优化的移动端UI: 改良的响应式设计，提供更佳的移动端体验
• 📊 美观易用的PING图表: 更直观、视觉效果更佳的ping监控图表
• 🖥️ 桌面端UI优化: 改进的桌面界面，更好的布局和可用性
• 🎨 现代化设计: 基于原版Komari Web的简洁

截图

Next

项目地址：Github

开发者：tonyliuzj

发布帖: Nodeseek

它基于 Next.js、TypeScript、Tailwind CSS 和 Shadcn UI 构建，并被打包为静态站点，可作为 Komari 的主题使用。

功能与特点

• 使用 Shadcn + Tailwind CSS 的响应式布局与深色模式

• 丰富的自定义选项：

  • 6 种配色主题： Default、Ocean、Sunset、Forest、Midnight、Rose
  • 4 种卡片布局： Classic、Modern、Minimal、Detailed - 每种都有独特的视觉设计与元素布局
  • 4 种图表样式： Circle、Progress Bar、Bar Chart、Minimal — 均会跟随所选配色主题
  • 可自定义状态卡片： 可在仪表盘中显示/隐藏单项指标
  • 自带背景图！ 使用图片 URL 将其设置为背景。
  • Ping 统计显示 在首页即可直接展示数据包信息！
  • 所有设置会在本地持久化保存，并可在主题切换时同步

截图

PurCarte

项目地址: Github

开发者: Montia37

✨ PurCarte ✨

一款为 Komari 设计的磨砂玻璃风格主题。

截图

ServerSentry

项目地址: Github

开发者: Asahina1096

一个基于 Next.js 15 + React 19 的现代化服务器监控主题，专为 Komari 服务端设计，使用 TypeScript、Tailwind CSS 4 和现代 React 技术栈构建。

✨ 功能特点

• 🚀 现代技术栈：Next.js 15 + React 19 + TypeScript + Tailwind CSS 4
• 📊 实时监控：CPU、内存、硬盘、SWAP、网络流量实时监控
• 🌐 IPv4/IPv6 支持：智能识别和显示双栈网络状态
• 📈 数据可视化：直观的进度条、图表和统计面板
• 🎨 现代 UI：基于 Shadcn UI 的优雅设计，支持深色/浅色模式
• 📱 响应式设计：完美适配桌面、平板和移动设备
• ⚡ 高性能：Turbopack 开发模式，优化的生产构建
• 🔄 实时更新：2秒间隔自动刷新，支持 WebSocket 连接
• 🏷️ 地区分组：支持按地区分组显示服务器
• 🧩 模块化架构：组件化设计，易于定制和扩展

截图

ServerStatus-Hotaru

下载地址: Github

源代码: Github

此主题不会维护。

截图