M
LeulAria/MUIcn
AccordionaccordionExpandable accordion with exclusive/multi mode, flush style, and controlled/uncontrolled support.
AlertalertMUI Alert with dismissible support, optional title, and animated collapse.
AppBarapp-barFlexible AppBar with logo/title/search/actions slots, hide-on-scroll, elevate-on-scroll, and bottom anchor support.
AvataravatarAvatar with status badge, initials from name, and AvatarGroup support.
BadgebadgeMUI Badge extended with status dot variants (online/offline/busy/away) and pulse animation.
BottomNavigationbottom-navigationMobile bottom navigation bar with icon, label, and badge support.
BreadcrumbbreadcrumbBreadcrumb trail with icon support, collapsible items, outlined pill variant, and size control.
ButtonbuttonMUI Button with loading state, icon support, and full forwardRef typing.
ButtonGroup & ToggleGroupbutton-groupButtonGroup for grouped actions and ToggleGroup for single/multi selection with react-hook-form support.
CalendarcalendarFull-featured date picker calendar with portrait/landscape layouts, event dots, allowed dates, animations, and react-hook-form integration.
CardcardMUI Card with image, header, content, actions slots, clickable support, and named sub-component re-exports.
CheckboxcheckboxCheckbox with label, CheckboxGroup, card-style CheckboxCard, and list-style CheckboxListGroup — all with react-hook-form support.
Chip & ChipInputchipMUI Chip re-export plus ChipInput tag-input component with react-hook-form support.
DatePickerdate-pickerText-field driven date picker with popover calendar, keyboard input, and react-hook-form integration.
DateRangePickerdate-range-pickerRange date picker with single/dual calendar layout, range highlight, shortcuts panel, and react-hook-form support.
DrawerdrawerDrawer with swipeable support, mini/collapsed mode, header/footer slots, and all four anchor positions.
FabfabFloating Action Button with extended/circular mode via icon and label props.
IconButtonicon-buttonMUI IconButton extended with rounded/square shape and outlined variant.
ImageUploadimage-uploadImage/file upload with drag-and-drop, multi-file, sortable list, built-in cropper dialog, and react-hook-form support.
ListlistComposable list with icon/avatar support, nested collapsible items, dividers, and secondary actions.
MenuBarmenu-barHorizontal menu bar with hover-connected dropdown popovers, icon support, shortcuts, and keyboard navigation.
NumberFieldnumber-fieldNumeric text field with increment/decrement stepper buttons, min/max/step constraints, and react-hook-form support.
OtpInputotp-inputOTP code input with configurable cell count, numeric/alphanumeric/password modes, separator, and react-hook-form support.
OverlayoverlayFullscreen, contained, or card overlay with blur backdrop-filter and fade animation.
PaginationpaginationPagination with seven variants: standard, first-last, simple, with-jump, compact, filled, and rows-per-page.
PasswordFieldpassword-fieldPassword input with show/hide toggle, custom eye icons, and react-hook-form support.
ProgressprogressLinear and circular progress indicators with determinate/indeterminate modes, percentage label, and color options.
RadioradioRadioGroupField, RadioCardGroup, and RadioListGroup — all with react-hook-form support.
RatingratingMUI Rating with optional label, helper text, and react-hook-form integration.
SelectFieldselect-fieldSelect field with single/multiple selection, chips and checkbox variants, placeholder, add-new button, and react-hook-form support.
SlidersliderMUI Slider with label, helper text, range mode, and react-hook-form integration.
StepperstepperMulti-variant stepper: numbers, checkmarks, labels, vertical, vertical-labels, vertical-descriptions, arrow, dot, icon, and progress.
Switch & SwitchCardswitchiOS-style Switch with label/helper text and SwitchCard with icon/description layout — both with react-hook-form support.
TabletableFeature-rich data table built on TanStack Table with sorting, filtering, pagination, column pinning, row selection, bulk actions, virtualization, and drag-to-reorder rows.
TabstabsTabs with underline, pills, contained, and segment visual variants; overflow dropdown; panel rendering; and vertical orientation.
TagtagPill-shaped Tag with filled, outlined, and soft variants; status dot; icon; and delete button.
TextFieldtextfieldMUI TextField with optional react-hook-form Controller integration, typed error handling, and auto hint rendering.
TooltiptooltipMUI Tooltip with optional description sub-text and colored variants (primary, secondary, error, warning, info, success, dark).
TypographytypographyTyped Typography with heading-h1/h2/h3, paragraph-1/2/3, and subtitle-1 through subtitle-5 variants with weight control.