Frontend for Arth Panel, a self-hostable Minecraft server panel. Made with SvelteKit.
Go to file
DiamonC 0f740d5b78 Merge pull request 'beta-1.2' (#14) from DiamonC/observer:master into master
Reviewed-on: #14
2023-04-03 01:55:10 +00:00
src credit card input goes away if !enablePay 2023-04-02 17:59:35 -05:00
static added placeholder icon, labrinth plugin authors show up 2023-02-12 11:57:43 -06:00
LICENSE removed pages, mention of testing instance 2023-04-02 16:10:50 -05:00
package-lock.json deleted navbar, added help button, fixed login bug 2023-03-26 11:26:49 -05:00
package.json added metadata on mod & modpack search 2023-03-05 16:50:57 -06:00
svelte.config.js deleted navbar, added help button, fixed login bug 2023-03-26 11:26:49 -05:00
vite.config.js deleted navbar, added help button, fixed login bug 2023-03-26 11:26:49 -05:00
yarn.lock added metadata on mod & modpack search 2023-03-05 16:50:57 -06:00

Get at Docker Hub


  • Arth Panel is in beta and should not be used in production yet.
  • There are several issues with the docker image currently, and we reccomend running observer directly for now.

About Observer

Observer is a frontend for Arth Panel, a lightweight self-hosted Minecraft server panel. Observer is made with HTML/CSS/JS, Node, SvelteKit, TailwindCSS, and DaisyUI.

How to run without docker

  1. Grab the source code with git clone
  2. Install packages with npm i
  3. Build the source code with CI= npm run build
  4. Run with node build

Other Requirements

  • By default, observer will connect to Arth's quartz backend. To create your own functioning service you will need to set up a quartz backend and replace the address at the top of src/lib/scripts/req.ts.

How to Run with Docker

  1. Download the image from docker hub with the command sudo docker pull arthmc/observer:latest
  2. Run the image with sudo docker run -p 3000:3000 arthmc/observer:latest. To change the port, replace the first 3000 with the port number you want.


How to run a dev server

  • Make sure you install the packages by running npm i
  • To run a dev server, enter the command npm run dev
  • If you need to mimic a production environment for something like working with Service Workers, enter npm run preview instead.

Contributing Guidelines

  • Please format your code with Prettier, or an alternative that achieves the same results.
  • Please use feather for svg icons & use webp for raster images whenever possible. If you're wondering what tools have been used to make images like the arth logo (seen on and the favicon, they were made with Lunacy.

Check out our backend's progress

Why Arth Panel?

The main difference between Arth Panel and an alternative like pufferpanel or pterodactyl is that it's meant to work in a way so that if an issue were to occur, you could easily just SSH into the machine and run the jar directly in a folder, so you know that your server's uptime is not dependant on a panel someone else made working flawlessly.

To-do list

Setup a basic node application with Svelte, Tailwind, & DaisyUI.
Navbar with Arth Panel, Servers, & Settings on left. On right: Night/darkmode button, Create server button, Account button.
Basic UI for all planned pages
Communication with backend
Subscriptions with stripe
Basic UI and function for terminal on the frontend
Signin via discord