FormEngine is a React library that renders forms from JSON schemas. The @react-form-builder/components-mantine package provides ~45 Mantine-native components — free and MIT-licensed. This is the richest of the three FormEngine component sets, with specialized inputs not available in RSuite or Material UI: color pickers, ratings, range sliders, segmented controls, chips, JSON editor, and 20+ date/time picker variants.
Installation npm install @react-form-builder/components-mantine npm install @mantine/core @mantine/dates # Optional: # npm install @mantine/dropzone @mantine/tiptap
Component Description MtTextInput Single-line text input MtTextarea Multi-line text input MtNumberInput Numeric input with step controls MtPasswordInput Password input with visibility toggle MtSelect Single-value dropdown MtMultiSelect Multi-value dropdown MtNativeSelect Native HTML select element MtAutocomplete Text input with autocomplete suggestions MtTagsInput Free-form tag entry MtFileInput File selection input MtCheckbox Single checkbox MtCheckboxGroup Group of checkboxes MtRadioGroup Radio button group MtRadio Single radio button MtSwitch Toggle switch MtSwitchGroup Group of toggle switches
These components are unique to Mantine and not available in the RSuite or Material UI packages:
Component Description MtColorInput Color selection with text input MtColorPicker Visual color picker MtRating Star or custom symbol rating MtSlider Value slider MtRangeSlider Range selection slider MtSegmentedControl Mutually exclusive toggle buttons MtChip Single chip toggle MtChipCheckboxGroup Chip-based multi-select MtChipRadioGroup Chip-based single-select Chip Group Chip group overview (checkbox + radio) MtJsonInput Structured JSON editor field
Date and time components Requires @mantine/dates. Full range of date/time pickers — single date, range, multiple, month, year, time, and grid variants:
Component Description MtDatePicker (single) Single date picker (inline) MtDatePicker (overview) Date picker (range/multiple) MtDatePickerInput (single) Single date input field MtDatePickerInput (overview) Date range/multiple input field MtDateMultiplePicker Multiple dates picker (inline) MtDateMultiplePickerInput Multiple dates input field MtDateRangePicker Date range picker (inline) MtDateRangePickerInput Date range input field MtDateTimePicker Combined date and time picker MtTimePicker Time picker MtTimeInput Time input field MtTimeGrid Time selection grid MtMonthPicker (single) Single month picker MtMonthPicker (overview) Month picker (range/multiple) MtMonthPickerInput (single) Single month input field MtMonthPickerInput (overview) Month range/multiple input field MtMonthMultiplePicker Multiple months picker MtMonthMultiplePickerInput Multiple months input field MtMonthRangePicker Month range picker MtMonthRangePickerInput Month range input field MtYearPicker (single) Single year picker MtYearPicker (overview) Year picker (range/multiple) MtYearPickerInput (single) Single year input field MtYearPickerInput (overview) Year range/multiple input field MtYearMultiplePicker Multiple years picker MtYearMultiplePickerInput Multiple years input field MtYearRangePicker Year range picker MtYearRangePickerInput Year range input field
Layout and display components Component Description MtContainer Content container MtText Text component MtTitle Heading component MtTypography Typography component MtLabel Label component MtDivider Visual divider MtTooltip Tooltip for additional info MtDialog Modal dialog MtButton Action button MtErrorWrapper Error display wrapper
Extension components Optional packages for additional functionality:
Component Package Description MtTiptap @mantine/tiptapRich text editor MtDropzone @mantine/dropzoneDrag-and-drop file upload
Next steps
Mantine integration guide Setup instructions, theming, and code examples for using Mantine with FormEngine.
Components overview Compare all three UI library component sets — RSuite, Material UI, and Mantine.
Last modified on April 16, 2026
