Form Builder

The Form Builder is a custom drag-and-drop form builder built using Next.js. It allows users to create and customize forms dynamically by dragging and dropping various form elements. This project is designed to be lightweight, fast, and easy to use.

This is a modified version of already existing Form Builder by Indie UI.

✨Demo: FormBuilder.

---

Features

• Drag-and-Drop Interface: Easily drag and drop form elements to build your form.
• Customizable Form Elements: Supports a wide range of form elements such as:
  • Input fields
  • Textarea
  • Checkbox
  • Radio buttons
  • Toggle groups
  • Sliders
  • Select dropdowns
  • Date pickers
  • Headers (H1, H2, H3)
  • Paragraphs
  • Separators
• Dynamic Rendering: Form elements are dynamically rendered based on user input.
• Shadcn Components: Utilizes shadcn UI components for a clean and modern design.
• Lightweight and Fast: Built with Bun for faster development and runtime performance.

---

Component Installation ⚠️

1. Install as UI Component in your project (experimental):

   npx dubu add form_builder

   This will create form_builder folder inside the main /src directory. This is still in development and it doesn't install all dependencies. You have to install Shadcn components and other required dependencies manually.

Project Installation

1. Clone the repository:

   git clone https://github.com/Subu19/form_builder.git

2. Navigate to the project directory:

   cd form-builder

3. Install dependencies using Bun:

   bun install

---

Usage

Start the Application

To start the application in production mode, run:

bun start

Start the Development Server

To start the development server, run:

bun dev

---

Major Dependencies

• Next.js: React framework for server-rendered applications.
• Shadcn: UI component library for building modern interfaces.
• Bun: Fast all-in-one JavaScript runtime.
• Lucide React: Icon library for React.

---

Contributing

Contributions are welcome! If you'd like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bugfix.
3. Commit your changes.
4. Submit a pull request.

---

License

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

---

Acknowledgments

• Shadcn for providing a beautiful and functional UI component library.
• Next.js for making server-rendered React applications easy to build.
• Bun for its fast and efficient runtime.

---

Enjoy building forms with the Form Builder! 🚀