Documentation

Introduction to ProForm

ProForm is a powerful form building library that allows you to create, collect, and analyze form data with ease. Whether you're building a simple contact form or a complex multi-step survey, ProForm provides the tools you need to create professional forms quickly.

Getting Started

New to ProForm? Start with our quickstart guide to get up and running in minutes. Quickstart Guide

Key Features

  • Intuitive Drag-and-Drop Builder - Create forms visually with our easy-to-use builder
  • Advanced Validation - Ensure data quality with built-in and custom validation rules
  • Real-time Analytics - Get insights into form submissions and user behavior
  • Seamless Integrations - Connect with your favorite tools and services
  • Responsive Design - Forms look great on any device
  • Customizable Themes - Match your brand with custom styling options

Basic Usage

Here's a simple example of how to use ProForm in your application:

React Example

import React from 'react';

function ContactForm() {
  return (
    <form action="https://app.proforms.top/f/your_api_key" method="POST">
      <label htmlFor="name">Name *</label><br />
      <input type="text" id="name" name="name" required /><br /><br />

      <label htmlFor="email">Email *</label><br />
      <input type="email" id="email" name="email" required /><br /><br />

      <label htmlFor="message">Message</label><br />
      <textarea id="message" name="message" /><br /><br />

      <button type="submit">Submit</button>
    </form>
  );
}

export default ContactForm;

Framework Support

Make sure to install the correct package for your framework. Each framework has its own specific implementation and API.

Next Steps

Now that you have a basic understanding of ProForm, you can explore the following topics to learn more: