Material-based tree renderer for JSON Forms


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
62587Jun 10, 2021Feb 13, 2015Minified + gzip package size for @jsonforms/material-tree-renderer in KB


JSONForms - More Forms. Less Code

Complex Forms in the blink of an eye

JSONForms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.

Editor Package

This repository contains a re-usable tree component that renders a tree-master-detail JSON editor. The repository contains an IDE webcomponent that additionally configures 3 buttons to access the data shown in the tree:

  • A download button
  • An export button that shows the data in a dialog
  • A load button that opens a native file selection dialog to load a file from the user's harddrive

Additionally, the package contains a small runtime demo showing an editor for users and tasks.


Run npm install to install dependencies. Run npm run build to build the module. The build results are located in /dist/.

Run Demo

Run npm run dev to start the standalone editor. It is available at http://localhost:8080/


The JSONForms project is licensed under the MIT License. See the LICENSE file for more information.


Our current roadmap is available here.


JSONForms is developed by EclipseSource. We are always very happy to have contributions, whether for trivial cleanups or big new features.


If you are already using JSONForms 1, check our migration guide.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.