Skip to main content
FormEngine ships with three ready-to-use component sets (RSuite, Material UI, Mantine) plus a set of commercial add-on packages. Each UI library has its own distinct component set with different component names and different capabilities. The add-on packages (Signature, Data Grid, Rich Text Editor, QR Code, Google Maps) work with any of the three UI libraries.

​
Package overview

PackageLicenseWhat’s in it
@react-form-builder/coreMITForm renderer, Container, Repeater
@react-form-builder/components-rsuiteMIT~35 components incl. Wizard, multi-step
@react-form-builder/components-material-uiMIT~27 MUI-native components
@react-form-builder/components-mantineMIT~45 Mantine-native components incl. Color, Rating, Slider, JSON
@react-form-builder/designerCommercialVisual drag-and-drop form builder
@react-form-builder/components-signatureCommercialHandwritten e-signature
@react-form-builder/components-rsuite-tableCommercialData Grid / Table
@react-form-builder/components-rich-textCommercialRich Text Editor (Quill)
@react-form-builder/components-fast-qrCommercialQR Code generator
@react-form-builder/components-google-mapCommercialGoogle Maps + address autocomplete
The five commercial add-on packages are included in all paid Designer licenses (StartUp, Business, Enterprise).

​
Core — always available with any UI library

These two components ship with @react-form-builder/core and work regardless of which UI library you use:
  • Container — div-equivalent wrapper for grouping fields and layout
  • Repeater — repeating field set for arrays of items (line items, equipment checks, team members)

​
React Suite component set

The default component set. Install once, use immediately without additional setup. 
npm install @react-form-builder/components-rsuite
Fields: Input, Dropdown, Checkbox, Radio group, DatePicker, TimePicker, Text area, Toggle, AutoComplete, Tag picker, Number format, Pattern format, Uploader, Search, Calendar Layout: Wizard, Wizard step, Tab, Card, Modal, Breadcrumb Content: Button, Header, Label, Link, Image, Divider, Message, Tooltip, Progress line, Progress circle, Static content
Wizard (multi-step forms) is only available in the RSuite package. If your project uses MUI or Mantine and needs multi-step flows, either add RSuite alongside your primary library or implement the step navigation yourself using FormEngine’s schema structure.
Full component reference: Fields components

​
Material UI component set

For projects already built on MUI. Uses MUI component names and styling tokens directly. 
npm install @react-form-builder/components-material-ui
npm install @mui/material @emotion/react @emotion/styled
Input fields: MuiTextField, MuiSelect, MuiCheckbox, MuiRadioGroup, MuiSwitch, MuiDatePicker, MuiUploader Layout and structure: MuiBox, MuiContainer, MuiStack, MuiCard Navigation: MuiBreadcrumbs, MuiLink Feedback and display: MuiTypography, MuiTooltip, MuiCircularProgress, MuiLinearProgress Dialogs: MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions (full dialog layout preset available) Actions: MuiButton, MuiButtonGroup Full guide: Material UI integration

​
Mantine component set

The richest of the three in specialized input types. Particularly strong for scheduling, ratings, range selection, color inputs, and date/time variants. 
npm install @react-form-builder/components-mantine
npm install @mantine/core @mantine/dates
Standard inputs: MtTextInput, MtTextarea, MtNumberInput, MtPasswordInput, MtCheckbox, MtCheckboxGroup, MtRadioGroup, MtSwitch, MtSelect, MtMultiSelect, MtAutocomplete, MtTagsInput, MtNativeSelect, MtFileInput Specialized inputs (not in RSuite or MUI):
  • MtColorInput, MtColorPicker — color selection fields
  • MtRating — star or custom symbol rating
  • MtSlider, MtRangeSlider — value and range selectors
  • MtSegmentedControl — mutually exclusive toggle buttons
  • MtChip, MtChipCheckboxGroup, MtChipRadioGroup — chip-based selection
  • MtJsonInput — structured JSON editor field
Date and time (requires @mantine/dates): Full range of date pickers — single date, range, multiple, month, year, time, and grid variants (20+ components) Layout and display: MtContainer, MtText, MtTitle, MtDivider, MtTooltip Extensions (optional packages):
  • MtTiptap — rich text editor via @mantine/tiptap
  • MtDropzone — drag-and-drop file upload via @mantine/dropzone
Full guide: Mantine integration

​
Add-on components (commercial)

These packages work with any of the three UI libraries above. They are included in all paid Designer licenses.
  • Signature — Handwritten digital signature capture. Required for approval workflows, contracts, and compliance sign-off.
  • Data Grid — Full-featured table with sorting, filtering, and inline editing. Use for review steps and multi-row data entry.
  • Rich Text Editor — Quill-based rich text field. Use for notes, descriptions, and fields where plain text is not enough.
  • QR Code — Generates a QR code from static or dynamic text. Use for asset tracking, access links, and traceability.
  • Google Maps — Interactive map with pin placement and Google Places address autocomplete. Use for location-based intake and field service forms.
npm install @react-form-builder/components-signature
npm install @react-form-builder/components-rsuite-table
npm install @react-form-builder/components-rich-text
npm install @react-form-builder/components-fast-qr
npm install @react-form-builder/components-google-map

​
Choosing a UI library

I need…Best fit
Quickest start, no existing UI libraryRSuite (default, zero config)
Multi-step wizard forms out of the boxRSuite
Already on MUI in the projectMaterial UI adapter
Color picker, rating, range slider, JSON fieldMantine
Advanced date/time (ranges, months, years, grids)Mantine
Custom components from your own design systemAny — see custom components

​
What enterprise projects typically need

Enterprise customers using Designer most commonly build these four form types: Approval and workflow forms (HR, procurement, compliance): Wizard for multi-step stages, Repeater for line items, Signature for sign-off, Uploader for document attachments, Dropdown with conditional routing Onboarding and intake forms (customers, employees, vendors): Wizard for step-by-step collection, Input / Dropdown / DatePicker for structured data, Toggle for consent, Repeater for variable-length sections Inspection and audit forms (field service, quality control): Repeater for n-item checklists, Signature for inspector sign-off, Uploader for photo evidence, Data Grid for results summary, Google Maps for site location Data collection with review (surveys, assessments): Tab for section navigation, Data Grid for showing collected records, Rich Text Editor for open-ended fields, Progress line for completion tracking See real-world guides: Workflow approval forms · Customer onboarding · Inspection and data collection

​
See also

Last modified on April 14, 2026