AI-powered Form Builder

This is a submission for the KendoReact Free Components Challenge.

What I Built

I created a dynamic React form builder app that allows users to generate customizable forms using natural language prompts. Users can describe the form they want, and the app builds it with fully functional KendoReact components. The app also supports live previews, code generation, and copying the React code for integration into other projects.

This project demonstrates the versatility of KendoReact's free components, combining inputs, layout, form validation, and advanced UI elements into a seamless user experience.

Demo

https://stackblitz.com/edit/vitejs-vite-9rk9pkds

Repo: https://github.com/essykings/ai-form-builder

KendoReact Components Used

• Layout & Navigation:
  • TabStrip
  • TabStripTab
• Dialogs & Actions:
  • Dialog
  • DialogActionsBar
  • Button
• Inputs:
  • Input
  • TextArea
  • TextBox
  • MaskedTextBox
  • NumericTextBox
  • Checkbox
  • RadioButton
  • Switch
  • Slider
  • RangeSlider
  • Rating
  • ColorPicker
• Dropdowns & Selects:
  • DropDownList
  • MultiSelect
  • ComboBox
  • AutoComplete
• Date & Time:
  • DatePicker
  • TimePicker
  • DateTimePicker
  • DateRangePicker
• File Upload:
  • Upload
• Forms:
  • Form
  • FormElement
  • Field
• Labels & Helpers:
  • Label
  • Hint
  • Error
• Indicators:
  • Loader
• Notifications:
  • Notification
  • NotificationGroup