AI โ€‹

AI configuration options.

AI Configuration Options โ€‹

The following options allow you to configure the AI Assistant in Vueform Builder.

js
// builder.config.js

import { defineConfig } from '@vueform/builder'

export default defineConfig({
  ai: {
    /**
     * Enable the AI assistant. (`false` by default)
     */
    enabled: true,

    /**
     * List of messages to display while the form is being generated. ([] by default)
     * If empty, the default message 'Please wait while your form is being generated' will be shown.
     */
    messages: [
      'Rounding up the digital hamsters... ๐Ÿน',
      'Bribing the AI with virtual cookies to work faster... ๐Ÿช',
      'Consulting the magic 8-ball for the best form layout... ๐Ÿ”ฎ',
      'Doing a quick coffee run for our code monkeys... โ˜•',
      'Enticing the radio buttons out of hiding... ๐Ÿ”˜',
      'Warming up the submit button for its big moment... ๐Ÿƒโ€โ™‚๏ธ๐Ÿ’จ',
      'Persuading the CAPTCHA that not all humans are robots... ๐Ÿค–โŒ',
      'Doing a background check on the checkboxes... โ˜‘๏ธ',
      'Sprinkling a little bit of magic dust on the validation rules... ๐Ÿช„',
    ],

    /**
     * Whether messages should be shuffled. (`false` by default)
     */
    shuffle: true,
  },
})

Limitations โ€‹

The AI assistant feature is currently in beta, which means it can provide a good base for form generation, but you might need to customize the form further manually.

Fields the AI assistant can handle during the beta: โ€‹

  • Text
  • Textarea
  • Password
  • Date
  • Email (with validation)
  • Phone number
  • Location
  • Number (with a $ sign)
  • Checkbox groups
  • Radio groups
  • Select
  • "Other" option with conditions
  • File
  • Multifile
  • Accept terms

Features coming in future versions: โ€‹

  • More field types
  • Buttons
  • Lists
  • Containers
  • Columns
  • Steps, tabs
  • Theming options
  • Integrations
  • Specific field properties

Note: The AI assistant currently works only with default element types.

๐Ÿ‘‹ Hire Vueform team for form customizations and developmentLearn more