Theme Editor for Ghost (client-side, no server required)

Hi everyone,

Yesterday I built a small open-source project that might be useful for people working with Ghost themes:

It’s a client-side theme editor that runs inside Ghost Admin (via script injection). It removes the usual “download → unzip → edit → zip → upload” loop and lets you edit theme files directly in the browser.

Key points:

  • Works fully on the client side (no backend required)
  • Downloads the theme zip, edits in-browser, and uploads back
  • Uses Monaco Editor for a better editing experience
  • Supports basic file operations (create, rename, delete)

This started as an internal idea for Synaps Media, but making it platform-independent and open source made more sense than building a panel-specific feature. I added this to all Synaps Media publications anyway, but now you can use it on your self-hosted Ghost instances as well.

I also wrote a short post about the idea → implementation process (built in a few hours with help of AI):

Feel free to try it, break it, or contribute. I’m curious for your feedback as well!

You are a genuis. Seriously.

In my eyes, this is one of the most meaningful recent additions to the Ghost ecosystem. It opens up so many use cases. Not everyone has a code editor on their computer – and installing one just for a small change in a theme…ehhh…

And what I haven’t realised until I tried it on my own site: this allows for quick iteration over theme translation files!

I’ll add this to all Magic Pages sites later today. Installing it is super easy − so, anyone self-hosting Ghost: give that a try.

Will you be making this available to your customers Jannis? :kissing_face_with_closed_eyes:

Mentioned that in my post :wink:

This is really cool, we should probably find a way to get it into core

Update: we did!

WOW! Its awesome feature for Ghost

You’re just amazing, Murat! Time saver!

This is brilliant, thank you for developing it. I have a hosted Ghost(Pro) site with a custom theme I created offline. Your theme editor means the handful of small tweaks I want to make are eminently and quickly doable.

Nice work! :rocket:

Just saw it today and it really came in handy! Great work everyone!

This is brilliant and very much needed, thanks @muratcorlu !

Is there a way to activate ADD a file to the theme this way? I would like to add a de.json file to the locales/ folder of the theme I"'m using (Reiro).

… activate ADD a file …

“activate ADD” should have been “actually ADD”. I cannot seem to edit my previous post.

The theme editor that was released into the Ghost core is a complete rebuild, just fyi. The editor that Murat released was based on a different editor.

That said, neither of the two versions has the ability to add files at the moment.

Ah, okay, thanks for the clarification, @jannis. I’ve just added the German translation file to the theme manually and am now translating happily away :wink:

I couldn’t try the official version yet but our implementation allows to create new files and folders. Right click to sidebar and create file or folder with context menu.

Oh nice! I didn’t even notice that :smiley:

I could just try the built-in version, and it also allows creating files. There is a plus button on top of sidebar which can be used to create new files in specified folder.

First, this is really cool. It’s great for edits on the fly. That said, CSS tweaks aren’t very quick or fun when the theme relies on minified CSS.