Drag and drop builder

Hello,

I love the rendering of these forms. Has anyone built a drag-and-drop forms editor which creates the JSON config data?

Hi @robertkemp77,

You might be interested in the JSON Forms editor. Here you can find the hosted version and here the source code.

Note that the editor was not updated for a while and uses an older version of JSON Forms.

1 Like

Hey there!
I’ve built one & just released a beta version.

Link - https://nextpaper.co/

Check it out and let me know what you think! :blush:

@0xdebugit

Nice! Feel free to add yourself to the community page if you like to.

I’m also working on a form builder that is based on jsonforms, which is such an amazing project.

This form builder stores the schemas and makes your forms embeddable directly through a web component built using stenciljs. The application requires an account but is free.

The editor is not intended to support everything that jsonforms/json schema offers, but aims to be a user friendly editor that most can make use of.

If anyone would like to try it, it’s available at:
https://app.formaide.com/

2 Likes

I have now made it possible to use the editor without creating a user account. Use this link if you’re interested in trying it out:

https://app.formaide.com/editor/forms/create

2 Likes

Bumping this thread as I’ve now made it possible to export the JSON and UI schemas directly from the editor in case anyone is interested in using it just to generate schemas.

The option is available here:

2 Likes

v2.0.0 released.
checkout - https://www.nextpaper.co/

updates:

  • Support for dynamic lists & objects
    Now handles complex data structures with ease, including nested lists and objects.
  • Enhanced UI
    Improved layout, updated styling, and more intuitive user interactions.
  • Basic support for UI Schema
    Compatible with RJSF & JSONForms
  • Guest signup
    Users can now sign up as guests and save their JSON Schemas temporarily for a limited time.
1 Like