🔥 HypeForm

Modern, Beautiful Form Builder SaaS Platform
Build forms that people love to fill. No coding required.

Created by Liveupx.com

Features • Quick Start • Integrations • Tech Stack • Contributing • Sponsors

📸 Screenshots

✨ Features 🎨 Form Builder

• Drag & Drop Interface - Build forms visually with intuitive controls
• 25+ Field Types - Text, email, phone, date, rating, NPS, file upload, payment, and more
• Conditional Logic - Show/hide fields based on previous answers
• Custom Themes - Match forms to your brand identity
• Mobile Responsive - Forms look great on all devices

📊 Analytics & Insights

• Real-time Dashboard - Views, starts, completions, conversion rates
• Submission Tracking - Monitor responses as they come in
• AI-Powered Analysis - Sentiment analysis and theme detection
• Export Options - Download as CSV or JSON

🔗 Integrations (8 Built-in)

• Mailchimp - Sync to email lists
• Notion - Add to databases
• Discord - Channel notifications
• HubSpot - CRM sync
• Airtable - Spreadsheet sync
• Twilio - SMS notifications
• Zapier - Connect 5000+ apps
• OpenAI - AI form generation

🔐 Enterprise Ready

Team Collaboration - Multiple users per workspace Role-Based Access - Admin, editor, viewer roles Audit Logs - Track all changes SSO Support - Google, Slack OAuth Webhook Security - HMAC signatures

💳 Monetization

• Stripe Integration - Collect payments in forms
• Subscription Plans - Free, Pro, Enterprise tiers
• Usage-Based Billing - Pay as you grow

🚀 Quick Start Prerequisites

• Node.js 18+
• PostgreSQL 14+
• npm or yarn

Installation

• bash# Clone the repository
• git clone https://github.com/liveupx/hype-form.git
• cd hype-form

Install dependencies

npm install cd client && npm install && cd ..

Setup environment

cp .env.example .env

Edit .env with your DATABASE_URL and JWT_SECRET (min 32 chars)

Setup database

npx prisma generate npx prisma migrate dev

Seed sample data (optional)

npm run db:seed

Start development servers

npm run dev Access the app:

🌐 Frontend: http://localhost:3000 🔧 Backend API: http://localhost:5000

🐳 Docker bash# Start with Docker Compose docker-compose up -d

Access at http://localhost:5000

🔗 Integrations

• 📧 Mailchimp: Email MarketingSync subscribers to email lists
• 📝 Notion: ProductivityCreate database entries from submissions
• 💬 Discord: CommunicationSend rich notifications to channels
• 🔶 HubSpotCRM: Create contacts and deals automatically
• 📊 Airtable: ProductivityAdd rows to Airtable bases
• 📱 TwilioSMS: Send text message notifications
• ⚡ Zapier Automation: Connect to 5000+ apps
• 🤖 OpenAIAI: Generate forms with AI, analyze responses
• 📗 Google Sheets: Productivity Sync to spreadsheets
• 💼 Slack: Team notifications
• 💳 Stripe: Collect payments in forms

🛠️ Tech Stack Frontend Technology Purpose

• ⚛️ React 18
• UI Framework⚡ Vite
• Build Tool🎨
• Tailwind CSSS tyling
• 🎭 Framer Motion Animations🔀
• React Router Routing🐻
• ZustandState Management 📊
• Recharts Charts🔌
• Socket.io Client
• Real-time Backend

📁 Project Structure hypeform/ ├── 📦 package.json # Root dependencies & scripts ├── 📋 .env.example # Environment template ├── 🐳 Dockerfile # Production build ├── 🐳 docker-compose.yml # Docker setup │ ├── 📂 prisma/ │ ├── schema.prisma # Database models (15+ tables) │ └── seed.js # Sample data │ ├── 📂 server/ │ ├── index.js # Express entry point │ ├── 📂 routes/ # API endpoints (13 route files) │ │ ├── auth.js # Authentication │ │ ├── forms.js # Form CRUD │ │ ├── fields.js # Field management │ │ ├── submissions.js # Response handling │ │ ├── integrations.js # Third-party connections │ │ ├── analytics.js # Stats & trends │ │ ├── billing.js # Stripe integration │ │ └── ... │ ├── 📂 middleware/ # Auth, error handling │ ├── 📂 services/ # Integration engines │ │ └── integrations/ # 8 integration services │ └── 📂 utils/ # Logger, helpers │ ├── 📂 client/ │ ├── 📂 src/ │ │ ├── App.jsx # Main app & routing │ │ ├── 📂 pages/ # All page components │ │ ├── 📂 layouts/ # Dashboard & public layouts │ │ ├── 📂 stores/ # Zustand state │ │ └── 📂 utils/ # API client │ └── index.html │ └── 📂 uploads/ # File storage

🔧 Scripts bash# Development npm run dev # Start frontend + backend

Database

npm run db:migrate # Run Prisma migrations npm run db:seed # Seed sample data npm run db:studio # Open Prisma Studio

Production

npm run build # Build for production npm start # Start production server

Testing

npm test # Run tests npm run lint # Lint code

🔐 Demo Accounts After running npm run db:seed: RoleEmailPassword👑 Adminadmin@hypeform.ioadmin123!👤 Userdemo@hypeform.iodemo123!

💰 Plans & Pricing FeatureFreePro ($10/mo)Enterprise ($99/mo)FormsUnlimitedUnlimitedUnlimitedResponsesUnlimitedUnlimitedUnlimitedStorage100 MB10 GBUnlimitedTeam Members15UnlimitedWebhooks1UnlimitedUnlimitedRemove Branding❌✅✅Payment Collection❌✅✅AI Features❌✅✅API Access❌✅✅SSO❌❌✅Audit Logs❌❌✅Priority Support❌❌✅

🤝 Contributing We love contributions! HypeForm is open source and we welcome developers of all skill levels. How to Contribute

🍴 Fork the repository 🔀 Create a feature branch (git checkout -b feature/amazing-feature) 💻 Code your changes ✅ Test your changes 📝 Commit (git commit -m 'Add amazing feature') 🚀 Push (git push origin feature/amazing-feature) 🔃 Open a Pull Request

Good First Issues Look for issues tagged with good first issue - they're perfect for newcomers! Show Image What We're Looking For

🐛 Bug fixes ✨ New features 📝 Documentation improvements 🌍 Translations 🧪 Test coverage 🎨 UI/UX improvements

💖 Sponsors

HypeForm is free and open source. Support the project by becoming a sponsor!

Why Sponsor?

💝 Support open source development 🚀 Help us add more features 📣 Get your logo on our README 🎯 Priority feature requests 💬 Direct support channel

Sponsor Tiers TierAmountBenefits☕ Backer$5/moName in README🥉 Bronze$25/moSmall logo + Twitter shoutout🥈 Silver$100/moMedium logo + Priority issues🥇 Gold$500/moLarge logo + Feature priority + Direct support💎 Platinum$1000/moEverything + Custom development

Current Sponsors

Be the first to sponsor HypeForm! Your logo will appear here.

👥 Looking for Collaborators

We're actively looking for collaborators to help build HypeForm!

• ⭐ Star this repository
• 👀 Check the open issues
• 💬 Comment on an issue you'd like to work on
• 📧 Email us at hello@liveupx.com

What You Get

• 🏆 Recognition as a core contributor
• 📜 Certificate of contribution
• 🎁 Exclusive swag (stickers, t-shirts)
• 🔗 LinkedIn recommendation
• 💼 Portfolio piece for your career

🌟 Star History

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

Copyright (c) 2024 Liveupx.com

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software...

🙏 Acknowledgments

• Typeform - Design inspiration
• Tally - Feature inspiration
• shadcn/ui - UI components
• All our amazing contributors

📞 Contact & Support

If you find HypeForm useful, please consider giving it a ⭐️

Made with ❤️ by Liveupx.com