Webiny is an open source html form designer

Webiny Free Form Builder

Build Production Ready Forms With A Bootstrap Form Designer

Webiny is an open source drag and drop form builder that offers a complete package containing version tracking, forms theming, data management, and more.

Overview

Webiny is a self-hosted open source platform developed to meet most of the serverless business use cases. Therefore, It is a complete package to automate most of the online business processes which includes an enterprise form builder to build and deploy forms. Further, this HTML form designer is developed using the most advanced technologies like GraphQL, Nodejs as the server-side environment, and Reactjs for the front end.

However, Webiny provides CLI to set up and bootstrap the project locally as well as to deploy on the cloud. In addition, Webiny supports the scaffolding options to speed up the development processes like creating services, schema and comes with built-in Apollo Gateway integration.

Moreover, being a serverless environment, this CSS form designer offers unlimited scalability provisions to eliminate the issues related to load balancing and it all happens automatically with the help of defined services. Above all, this website form builder software introduces token-based mechanisms in which API issues tokens for the users to consume the third-party integrations within the application.

Form builder at Webiny offers custom validation rules on the form fields, multi-language support, provision to preview the form before publishing, and built-in support for reCAPTCHA. After that, this HTML form designer is written in Typescript. Therefore there is comprehensive documentation available regarding development and deployment.

System Requirements

Following are the requirements to set up Webiny

  • Node.js >= 10.9.0
  • npm & npx
  • Yarn < 2.0
  • AWS account with an IAM user
  • MongoDB 4.2.x +

Features

Following are the key features of Webiny

  • Serverless Architecture
  • Open Source
  • Drag & Drop Interface
  • Advanced Form Builder
  • Highly Scalable
  • Easy Data Management
  • Custom Validations
  • Third Party Integrations
  • Complete Admin Dashboard
  • Theme Management
  • Mobile friendly
  • Flexible
  • WebHooks
  • Users and Roles Management
  • Export Submissions
  • Integrated ReCAPTCHA

Installation Instructions

Firstly, run this command to create Webiny project:

 npx create-webiny-project new-project

Secondly, set up the database now. Thirdly, place the .env.json file in the root directory of your project, and after changing the MONGODB_SERVER and MONGODB_NAME parameters your .env.json file should look like this:

{ <br></br>"default": {
"AWS_PROFILE": "default",
"AWS_REGION": "us-east-1",
"MONGODB_SERVER": "mongodb+srv://{YOUR_USERNAME}:{YOUR_PASSWORD}@someclustername.mongodb.net",
"MONGODB_NAME": "{YOUR_MONGODB_NAME}",
"DEBUG": true
}
}

However, values of AWS parameters can be found from your AWS account.

Then, we need to set-up API environment locally and it may take 10 to 15 minutes.

 yarn webiny deploy api --env=local

Once it is completed, start the app using the following commands:

 cd apps/admin<br></br> yarn start

Admin app will run an installation wizard so complete every step before going next. Finally, the environment is set-up locally and you can see several ready-made apps including a Form Builder.

Likewise, follow the following commands to run any other app:

 cd apps/site <br></br> yarn start 

 English