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.