DEV Community

FormBold
FormBold

Posted on

Create Working Forms for HTML, React, Vue - No Coding/Server Required!

Forms are everywhere, but each form is different. Each one is built for one specific purpose, using a specific style and delivering the data to a specific

Image description

Despite every specific thing on a form, all forms need the same thing: a backend, API, processing server, or whatever you call it. It is the one that will process the form after the user clicks the submit button. Having a reliable backend is a necessity for every form. On top of that, the feature, extendability, and cost-effectiveness are also essential factors to consider.

FormBold is trying to solve that, a serverless form backend that works with any use-case for any codebase that delivers the data to any app. It is a developer’s swiss army knife.

Why will developers love FormBold?

Simple to use

Image description

Just insert the form action with your FormBold endpoint URL. Done, now your form is fully working.

<form action="https://formbold.com/s/FORM_ID" method="POST">
  <input type="email" placeholder="Email" name="email" />
  <input type="text" placeholder="Subject" name="subject" />
  <textarea name="message" placeholder="Type your message"></textarea>

<button type="submit">Send Message</button>
</form>
Enter fullscreen mode Exit fullscreen mode

Create form for any use cases

Image description
Need to create a job application form? You can use FormBold, which has a file upload feature to upload the applicant’s resume. For the form data? Integrate the form with Notion, so you can track the applications and easily review each applicant.

Frequently used use cases:
- Contact form
- Booking form
- Bug report form
- Client request form
- Any form you want to build

You can find tons of ready to use form Form Templates from FormBold site.

Integrate with any frameworks or libraries

You can use your current stack with FormBold. If in the future you want to change the codebase, framework, or platform, you can re-use the previous FormBold endpoint without breaking anything.

Image description

Example installation for the popular codebase:
- HTML
- React/NextJS/Gatsby ...
- Vue
- Any code, framework, and platform you love

We also created a git repository where you can find all code examples that you can copy-paste.

Works with all hosting platforms

Yes, no matter where your website is hosted. FormBold works with all sort of servers and hosting platforms including - Vercel, Cpanel, netlify, github pages ...

Send submission data and notifications to messaging or chat apps

Image description
You process every form submission in a specific way. For example, a bug report form will be easier to process if the submission sends to notion, so you can collaborate with your team directly without copying and pasting the report from email to notion-manually.

Image description

Another example:
Email: for a contact form, it is easier to respond if the form submission is direct to your inbox

  • Slack
  • Notion
  • Telegram
  • Anywhere, using Webhooks

Why FormBold?

Affordable with Decent Free-tier

FormBold give your free 100 submissions every month

No backend or server-side dependency needed

Yes, everything is handled by the FormBold server. You just need to make your form and wait for the submissions to deliver to your inbox and app.

Secure from spam, 2 layers spam protection

FormBold has a built-in spam blocker, but you can also use reCAPTCHA for more confident security.

Image description

Detailed statistics and export data

Track your form submissions by date, and see how they perform. Also you can export submission data as .CSV file from your dashboard.

Attach large files

Need some files uploaded to your form? It’s done. Use this feature if you need the end-users to upload a file. For example, a job application form may require applicants to upload their resumes in PDF.

Conclusion

FormBold is an excellent tool for Developers, and non-developers can use it with a minimal learning curve. Packed with essential features such as statistics and ReCaptcha to secure your form from spammers, FormBold is a must for anyone who wants to build a form faster and cheaper.

Top comments (6)

Collapse
 
troy5890 profile image
Troy Harris

Interesting, I'm saving this and giving it a try on my next project. Thank you very much for this!

Collapse
 
form profile image
FormBold

Most welcome, let me know your thoughts after using :)

Collapse
 
kaarthikrishna profile image
Karthik G Krishnan

wow.. I should try it

Collapse
 
form profile image
FormBold

Thanks Karthik, let us know your thoughts :)

Collapse
 
shafiqhammad5 profile image
Shafiq Hammad

Awesome tool for form. Thanks for sharing

Collapse
 
form profile image
FormBold

Thanks man, glad you like it :)