How to autogenerate forms in React and Material-UI with MSON

• MSON

  2 470 4.0 JavaScript

  🏗️MSON Lang: Generate an app from JSON

const definition = { component: "Form", fields: [ { name: "heading", component: "Text", text: "# Form using [MSON](https://github.com/redgeoff/mson)" }, { name: "fullName", component: "PersonFullNameField", required: true }, { name: "birthday", component: "DateField", label: "Birthday", required: true }, { name: "phone", component: "PhoneField", label: "Phone" }, { name: "submit", component: "ButtonField", label: "Submit", type: "submit", icon: "Send" } ] };

• markdown-here

  73 59,476 0.0 JavaScript

  Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.

The Text component displays some markdown

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• MSON-React

  1 80 0.0 JavaScript

  React and Material-UI Rendering Layer for MSON

That’s it!? Yup! The mson-react layer automatically knows how to render the form component. It uses pub/sub and Pure Components to keep the rendering up-to-date.

• deltadb

  1 50 0.0 JavaScript

  An offline-first database

  

Geoff Cox is the creator of MSON, a new declarative programming language that will allow anyone to develop software visually. He loves taking on ambitious, yet wife-maddening, projects like creating a database and distributed data syncing system. You can read more of his posts at redgeoff.com or reach him at github.com/redgeoff or @CoxGeoffrey.

Suggest a related project