FormBuilderAI.js, Generative AI-Ready Web Form Builder
Create anything from simple contact forms to AI-powered tools
FormBuilderAI.js is a JavaScript library for creating web forms and AI-powered tools. You can use it as a standard form builder or as a tool to generate insights, reports, edit images, generate videos, and more. Your forms can then be embedded into your web pages.
FormBuilderAI.js uses OpenAI or OpenRouter for text generation and Fal for media generation, enabling access to the latest AI models for text, images, videos, and audio generation.
Use Cases:
Build a Form for Image Editing with Gemini Flash or OpenAI GPT Image Model
Your form will become an AI image editing tool using a user input prompt or multiple image references.
Image Reference 1
Image Reference 2
Prompt:
The girl is wearing the backpack.
Generate Product Photos
Showcase your product in a well-composed setting.
Virtual Try-On
Instantly see how garments fit—virtually.
Build a Form for Video Generation with the New Veo 3, Kling, WAN, and More
Your form will become an AI video generation tool using a user input prompt or an image reference.
Build a Form with Custom Selection Masks
Allow selection of image regions for targeted edits. Perfect for building tools that automate object removal or localized adjustments via user-defined selections.
Build a Form for Text-to-Speech with ElevenLabs, Kokoro, and More
You can also build a form for audio generation, from sound effects to music using various models.
Music from Lyrics
Model: YuE
TTS: ElevenLabs
Lip-Sync: Kling
TTS: TTS Dialog
Lip-Sync: Kling
Build a Form as a Graphic or Illustration Design Tool with Ideogram, Recraft, and More
Create Forms for AI Logo Makers, Book Cover Designer, 2D or 3D Illustration Generation, and More.
Try the Form Builder
Example 1: Form Editor
Edit the form on the left and see the update on the right.
Example 2: Form with a Workflow for Text Generation
The form below is created with a workflow for generating headline ideas. Try filling it out and click "Generate" to see the results.
Example 3: Full Example
Documentation
Features:
Easy Workflow Builder
Define your workflow using input variables from the form.
JSON Support
Build with JSON for greater control and flexibility.
Templates Collection (100+)
Create from scratch or choose from ready-made templates.
Easy Designer for Seamlessly Embedding Your Forms
Integrates with ContentBuilder or ContentBox
FormBuilderAI enhances the existing Form Builder in ContentBuilder and ContentBox, allowing you to embed AI tools into web pages built with the builders.
Download
- version 1.0 -
FormBuilderAI.js requires API keys that you can get from OpenAI or OpenRouter.ai (for text generation) and Fal.ai (for media generation). Since FormBuilderAI.js is a JavaScript library that runs on the client, you can use it with various server environments. Examples are provided in HTML and React, with server-side examples in Node.js, Next.js, PHP, and Laravel for reference.
We developed FormBuilderAI.js with developers in mind, those who provide solutions to their clients. We love empowering developers with great tools, so FormBuilderAI.js is available for use by agencies or SaaS builders for their projects.
Standard License:
- Unlimited websites or clients' projects.
- License for SaaS: No.
- Source Code: No.
- One Year Free Upgrade & Support.
Pro License:
- Unlimited websites or clients' projects.
- License for SaaS with unlimited users: Yes.
The number of SaaS / Online Platforms: 1. - Source Code: No.
- One Year Free Upgrade & Support.
Super (Source Code) License:
- Unlimited websites or clients' projects.
- License for SaaS with unlimited users: Yes.
The number of SaaS / Online Platforms: up to 3. - Full Source Code for customization.
- One Year Free Upgrade & Support.
Change License
From Standard to Pro License ($129)
From Pro to Super License ($239)