Skip to main content
FormEngine is a React library that renders forms from JSON schemas. The @react-form-builder/components-material-ui package provides ~27 MUI-native components — free and MIT-licensed. If your project already uses Material UI, this package lets you render FormEngine forms with native MUI components and styling tokens.
Looking for RSuite or Mantine components? FormEngine ships three independent component sets — each with different components and capabilities. See the Components Overview for a comparison, or jump to RSuite components or Mantine components.

​
Installation

npm install @react-form-builder/components-material-ui
npm install @mui/material @emotion/react @emotion/styled

​
Input components

ComponentDescription
MuiTextFieldText input field for single or multi-line text
MuiSelectDropdown selection component
MuiCheckboxCheckbox for binary choices
MuiRadioGroupRadio button group for single selection
MuiRadioItemSingle radio button option with label
MuiSwitchToggle switch for on/off states
MuiDatePickerDate picker from MUI X
MuiUploaderFile upload with Material UI styling

​
Form components

ComponentDescription
MuiFormControlLabelWrapper for form controls with labels
MuiFormLabelLabel component for form controls

​
Layout components

ComponentDescription
MuiBoxGeneric box component for layout
MuiContainerContainer for centering and constraining content
MuiStackLayout component for stacking items
MuiCardCard component for content containers
ComponentDescription
MuiBreadcrumbsBreadcrumb navigation
MuiLinkHyperlink component

​
Data display components

ComponentDescription
MuiTypographyTypography component for text styling
MuiTooltipTooltip for additional information
MuiListList component for displaying items
MuiListItemItem component for lists

​
Feedback components

ComponentDescription
MuiCircularProgressCircular progress indicator
MuiLinearProgressLinear progress indicator
MuiErrorWrapperError display wrapper

​
Dialog components

ComponentDescription
MuiDialogMain dialog container
MuiDialogTitleDialog title
MuiDialogContentDialog content container
MuiDialogContentTextDialog text content
MuiDialogActionsDialog actions container
MuiDialogLayoutComplete dialog layout preset

​
Action components

ComponentDescription
MuiButtonButton for user actions
MuiButtonGroupGroup of buttons

​
Next steps

Material UI integration guide

Setup instructions, theming, and code examples for using MUI with FormEngine.

Components overview

Compare all three UI library component sets — RSuite, Material UI, and Mantine.
Last modified on April 16, 2026