whatisgithub

What is jsonforge?

jfbedrock/jsonforge — explained in plain English

Analysis updated 2026-05-18

37TypeScriptAudience · generalComplexity · 2/5LicenseSetup · easy

In one sentence

A drag-and-drop visual editor for building Minecraft Bedrock Edition custom interface screens that exports valid JSON UI for a resource pack.

Mindmap

mindmap
  root((JsonForge))
    What it does
      Visual JSON UI editor
      Exports Minecraft Bedrock JSON
    Interface
      Drag and drop canvas
      Ten element types
      Bindings editor
    Platforms
      Runs in browser
      Electron desktop app
    Tech stack
      TypeScript
      React
      Electron
      Zustand
    Audience
      Minecraft creators
      Resource pack developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Design a custom Minecraft Bedrock menu screen without hand-writing JSON UI files.

USE CASE 2

Export a finished interface design directly into a Minecraft resource pack.

USE CASE 3

Use the desktop app on Windows, macOS, or Linux to build and save reusable UI projects.

USE CASE 4

Bind interface elements to in-game data using the bindings editor.

What is it built with?

TypeScriptReactElectronZustand

How does it compare?

jfbedrock/jsonforgehotakus/opencode-visual-cacheimgoodbai/mapgogogo
Stars373737
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasymoderate
Complexity2/52/53/5
Audiencegeneraldevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Requires Node.js 20 or later, running the desktop version needs npm run dev:electron or a built installer.

So what is it?

JsonForge is a visual editor for creating UI screens inside Minecraft: Bedrock Edition, the version of Minecraft that runs on consoles, mobile devices, and Windows. Minecraft Bedrock lets players and server operators build custom interface elements such as menus, buttons, and overlays using a specific JSON format. Writing that JSON by hand is tedious and error-prone, so JsonForge provides a drag-and-drop canvas where you can place and configure elements visually and then export the resulting JSON to use in a resource pack. The editor offers ten element types including panels, images, labels, buttons, and toggles. You can arrange a dockable layout covering a canvas, a hierarchy tree, a properties inspector, a texture browser, and a live JSON preview. Changes appear on the canvas in real time with pixel-perfect rendering that matches the in-game look. An Edit and Preview toggle hides the editor decorations so you can check exactly what players will see. Projects are saved in a custom format with the extension .jfproject. That file bundles the element tree, any binding data, and all texture images together into one file. You can also import and export raw Minecraft Bedrock JSON directly. Undo and redo are supported through a command history panel. JsonForge runs in any modern browser and also ships as a native desktop app for Windows, macOS, and Linux via Electron from the same codebase. The desktop installer registers the .jfproject file extension so double-clicking a project file opens it directly. The project is TypeScript, open source under the MIT license, and welcomes contributions. It is aimed at modders and resource pack creators who work with Minecraft Bedrock Edition's UI system.

Copy-paste prompts

Prompt 1
Walk me through creating my first Minecraft Bedrock UI screen with jfbedrock/jsonforge.
Prompt 2
Explain the difference between the .jfproject format and the raw JSON UI export in JsonForge.
Prompt 3
Show me how to add a new custom element type to JsonForge following its architecture.
Prompt 4
Help me build and package the JsonForge desktop app for Windows using npm run build:electron.

Frequently asked questions

What is jsonforge?

A drag-and-drop visual editor for building Minecraft Bedrock Edition custom interface screens that exports valid JSON UI for a resource pack.

What language is jsonforge written in?

Mainly TypeScript. The stack also includes TypeScript, React, Electron.

How hard is jsonforge to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is jsonforge for?

Mainly general.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.