Skip to content

GenForm AI is an AI-powered SaaS tool that instantly creates customizable forms from simple prompts. With flexible plans, Stripe integration, analytics, and editing options, it simplifies form creation and boosts productivity.

License

Notifications You must be signed in to change notification settings

Amansingh0807/GenForm

Repository files navigation

πŸš€ GenForm - AI-Powered Form Builder

Transform Ideas into Beautiful Forms in Seconds

Live Demo License Next.js TypeScript

Live Demo β€’ Report Bug β€’ Request Feature


🌟 Overview

GenForm is a cutting-edge SaaS platform that leverages AI to revolutionize form creation. Simply describe your form in plain English, and our AI instantly generates a fully functional, customizable form. No coding required, no complex setupβ€”just intelligent form building at your fingertips.

✨ Why GenForm?

  • ⚑ Lightning Fast - Create forms in seconds, not hours
  • πŸ€– AI-Powered - Intelligent field suggestions and form generation
  • 🎨 Beautiful Design - Modern, responsive forms that work everywhere
  • πŸ“Š Analytics Built-in - Track submissions and gain insights
  • πŸ”’ Secure - Enterprise-grade security with encrypted data
  • πŸ’° Flexible Pricing - Free tier available, scale as you grow

🎯 Key Features

πŸ€– AI Form Generation

  • Natural Language Processing - Describe your form in plain English
  • Smart Field Detection - AI automatically suggests appropriate field types
  • Instant Creation - Generate complete forms in under 5 seconds
  • Context Understanding - AI understands your form's purpose and adapts accordingly

✏️ Rich Text Editing

  • WYSIWYG Editor - Format form descriptions with bold, italic, underline
  • List Support - Add ordered and unordered lists
  • Link Integration - Include hyperlinks in descriptions
  • Google Forms-like Experience - Familiar and intuitive interface

🎨 Form Customization

  • Inline Title Editing - Edit form names directly from dashboard or edit page
  • Field Management - Add, remove, reorder, and customize fields
  • Field Types - Text, email, number, select, radio, checkbox, and more
  • Required/Optional - Mark fields as required or optional
  • Placeholders - Add helpful placeholder text for better UX

πŸ“Š Analytics Dashboard

  • Submission Tracking - Monitor form responses in real-time
  • Visual Charts - Beautiful graphs and statistics
  • Submission Details - View individual responses with timestamps
  • Export Data - Download submissions for further analysis
  • Form Performance - Track engagement and completion rates

πŸ” Authentication & Security

  • Clerk Integration - Secure user authentication
  • User Management - Sign up, sign in, profile management
  • Protected Routes - Form ownership verification
  • Data Encryption - Secure storage with Prisma and PostgreSQL
  • UUID System - Prevent form enumeration attacks

πŸ’³ Subscription & Payments

  • Stripe Integration - Secure payment processing
  • Multiple Plans - Free, Pro, and Enterprise tiers
  • Usage Limits - Form limits based on subscription
  • Upgrade Flow - Seamless subscription management

🎯 Form Sharing

  • Unique URLs - Each form gets a UUID-based public URL
  • Social Sharing - Share via WhatsApp, Email, LinkedIn, Twitter
  • QR Codes - Generate QR codes for offline sharing
  • Embed Options - Embed forms on your website
  • Copy Link - One-click link copying

πŸŒ“ Modern UI/UX

  • Dark Mode - Full dark mode support
  • Responsive Design - Perfect on mobile, tablet, and desktop
  • Gradient Themes - Beautiful green/blue color scheme
  • Smooth Animations - Polished transitions and hover effects
  • Toast Notifications - Real-time feedback for user actions

πŸ› οΈ Technology Stack

Frontend

  • Framework - Next.js 15.1.4 with App Router
  • Language - TypeScript 5.0
  • Styling - Tailwind CSS 3.4
  • UI Components - Shadcn/UI
  • Icons - Lucide React
  • Rich Text - React Quill (React 19 compatible)

Backend

  • Runtime - Node.js
  • Database - PostgreSQL (Supabase)
  • ORM - Prisma
  • Authentication - Clerk
  • Payments - Stripe
  • AI - Google Gemini API, Hugging Face Models

DevOps & Tools

  • Hosting - Vercel
  • Version Control - Git & GitHub
  • Package Manager - npm
  • Build Tool - Turbopack
  • Code Quality - ESLint

πŸš€ Getting Started

Prerequisites

Node.js 18.x or higher
npm or yarn
PostgreSQL database

Installation

  1. Clone the repository
git clone https://github.com/Amansingh0807/GenForm.git
cd GenForm
  1. Install dependencies
npm install
  1. Set up environment variables
cp .env.example .env

Add your credentials:

# Database
DATABASE_URL="your_postgresql_url"

# Clerk Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your_clerk_publishable_key"
CLERK_SECRET_KEY="your_clerk_secret_key"

# Stripe
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="your_stripe_publishable_key"
STRIPE_SECRET_KEY="your_stripe_secret_key"

# Google Gemini AI
GEMINI_API_KEY="your_gemini_api_key"
  1. Run database migrations
npx prisma migrate dev
npx prisma generate
  1. Start development server
npm run dev

Visit http://localhost:3000 πŸŽ‰


πŸ“– Usage Guide

Creating Your First Form

  1. Sign Up/Sign In - Create an account or log in
  2. Navigate to Dashboard - Click "Create Form" or go to Dashboard
  3. Describe Your Form - Enter a prompt like:
    Create a customer feedback form with name, email, 
    rating (1-5), and comments
    
  4. AI Generates Form - Watch as AI creates your form instantly
  5. Customize - Edit fields, add descriptions, adjust settings
  6. Publish - Click "Publish" to make your form live
  7. Share - Copy the link or share via social media

Managing Forms

  • Edit Forms - Click edit icon on any form
  • View Submissions - Click on form card to see responses
  • Delete Forms - Remove unwanted forms
  • Analytics - Track form performance in Analytics tab

🎨 Features Showcase

AI Form Generation

User Input: "Create a job application form"

AI Output:
βœ“ Full Name (Text, Required)
βœ“ Email Address (Email, Required)
βœ“ Phone Number (Text, Required)
βœ“ Resume Upload (File, Required)
βœ“ Cover Letter (Textarea, Optional)
βœ“ Expected Salary (Number, Optional)

Rich Text Descriptions

  • Add formatted instructions to your forms
  • Include links to privacy policies
  • Create professional-looking form headers
  • Format text with lists and emphasis

Real-Time Analytics

  • Track total submissions
  • Monitor submission trends
  • View individual responses
  • Export data to CSV

🀝 Contributing

We welcome contributions! Here's how you can help:

  1. Fork the repository
  2. Create a feature branch
    git checkout -b feature/AmazingFeature
  3. Commit your changes
    git commit -m 'Add some AmazingFeature'
  4. Push to the branch
    git push origin feature/AmazingFeature
  5. Open a Pull Request

🌟 Don't forget to star this repo!


πŸ“Έ Screenshots

GenForm Dashboard


πŸ“ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ‘¨β€πŸ’» Author

Aman Singh


πŸ™ Acknowledgments


πŸ“ž Support

Need help? We're here for you!


⭐ Star this repository if you find it helpful!

Made with ❀️ by Aman Singh

πŸš€ Try GenForm Now

About

GenForm AI is an AI-powered SaaS tool that instantly creates customizable forms from simple prompts. With flexible plans, Stripe integration, analytics, and editing options, it simplifies form creation and boosts productivity.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published