Angular Drag And Drop Form Builder

Angular Drag And Drop Form Builder

Introduction

This is a concise front-end application developed with Angular. You can create a beautiful form with drag and drop visualization. You can get inspiration from it to make a draggable form; at the same time, you can also modify it to suit your own needs.

Main advantages of drag and drop editor are:

  • You can add the necessary block or element just by dragging and dropping it and see the results right away;

  • You can easily edit each element (change color, style, size and so on);

  • You don’t need specialized knowledge to work with the editor;

Features

  • Drag and Drop Elements
    If you want any element to appear in your template, simply drag it from the left side of the screen into the work area.

  • Create a Design Matching the Style of Your Site
    Change the background, text color, font size and style, as well as other parameters to suit your taste.

  • **Social networks
    **Continue communicating with your subscribers on social networks, by adding links to your social media pages in your form.

  • **Multilingual
    **This app support 3 languages: English, Vietnamese and Japanese. But you can add as many as you want by duplicating the translation file then edit it in your language.

  • **Responsive
    **The subscription forms you create with this app will be adapted for all screen formats. They will look good on even the smallest screens.

  • **Dozens of elements
    **Currently, this app support 13 elements:

  1. Section

  2. Button

  3. Text

  4. Text field

  5. Textarea

  6. Dropdown

  7. Checkbox

  8. Radio

  9. Image

  10. Spacer

  11. Separator

  12. Social networks

  13. Uploader

  • Preview
    See what your customer/client will see before you generate HTML.

  • **HTML & JSON generation
    **You can easily generate your designed form to HTML or JSON

Demo

labs.theseniorguys.net/dnd-form-builder

Where to buy

You can buy this script at https://www.codester.com/items/36816/angular-drag-and-drop-form-builder