Integration of MUI with UXPin Merge Technology.
MUI (formerly Material-UI) is the React UI library you always wanted. You can implement your own design system, or start with Material Design.
Merge is a revolutionary technology that lets users import (and keep in sync) coded React.js components from GIT repositories to UXPin editor. The imported components are 100% identical to components used by developers during the development process. It means that components are going to look and, function (interactions, data) identical to the real product experienced by the users.
- Fork this repository and clone it to your computer.
- Install dependencies with
yarn install - Log in to your UXPin account
- Start Merge dev environment with
yarn run start
| COMPONENT | STATUS |
|---|---|
| Accordian | ✓ Completed |
| Accordion Details | ✓ Completed |
| Accordion Summary | ✓ Completed |
| Alert | ✓ Completed |
| Alert Title | ✓ Completed |
| App Bar | ✓ Completed |
| Auto Complete | ✎ In Progress |
| Avatar | ✓ Completed |
| AvatarGroup | ✓ Completed |
| Backdrop | ✓ Completed |
| Badge | ✓ Completed |
| Bottom Navigation | ✓ Completed |
| Bottom Navigation Action | ✓ Completed |
| Box | ✓ Completed |
| Breadcrumbs | ✓ Completed |
| Button | ✓ Completed |
| Button Group | ✓ Completed |
| Card | ✓ Completed |
| Card Actions | ✓ Completed |
| Card Actions Area | ✓ Completed |
| Card Content | ✓ Completed |
| Card Header | ✓ Completed |
| Card Media | ✓ Completed |
| Checkbox | ✓ Completed |
| Checkbox With Label | ✓ Completed |
| Circular Progress | ✓ Completed |
| Collapse | ✓ Completed |
| Container | ✓ Completed |
| Date/Time (Input) | ✎ In Progress |
| DatePicker (Input) | ⚑ Experimental |
| Dialog | ✓ Completed |
| Dialog Action | ✓ Completed |
| Dialog Content | ✓ Completed |
| Dialog Content Text | ✓ Completed |
| Dialog Title | ✓ Completed |
| Divider | ✓ Completed |
| Divider: Vertical | ✓ Completed |
| Drawer | ✓ Completed |
| Floating Action Button | ✓ Completed |
| Form Control Label | ✓ Completed |
| Form Group | ✓ Completed |
| FormControl | ✓ Completed |
| FormControlGroup | ⚑ Experimental |
| FormHelperText | ✓ Completed |
| FormLabel | ✓ Completed |
| Grid | ✓ Completed |
| Grid List/ImageList | ✓ Completed |
| Icon | ✓ Completed |
| Icon Button | ✓ Completed |
| Image | ✓ Completed |
| Image List | ✓ Completed |
| Image List Item | ✓ Completed |
| Input label | ✓ Completed |
| Linear Progress | ✓ Completed |
| Link | ✓ Completed |
| List | ✓ Completed |
| List Item | ✓ Completed |
| List Item Avatar | ✓ Completed |
| List Item Button | ✓ Completed |
| List Item Icon | ✓ Completed |
| List Item Text | ✓ Completed |
| List Sub Header | ✓ Completed |
| Loading Button | ✓ Completed |
| Menu | ✓ Completed |
| Menu Item | ✓ Completed |
| Menu List | ✎ In Progress |
| Pagination | ⚑ Experimental |
| Paper | ✓ Completed |
| Radio Button | ✓ Completed |
| Rating | ✓ Completed |
| Select | ✓ Completed |
| Skeleton | ✓ Completed |
| Slider | ✓ Completed |
| Snackbar | ✓ Completed |
| Speed Dial | ✎☏ In Progress |
| Split Button | ✓ Completed |
| Stack | ✓ Completed |
| Stepper | ✎ In Progress |
| Switch | ✓ Completed |
| Switch with Label | ✓ Completed |
| Tab | ✓ Completed |
| Table | ✓ Completed |
| Table Body | ✓ Completed |
| Table Cell | ✓ Completed |
| Table Container | ✓ Completed |
| Table Header | ✓ Completed |
| Table Row | ✓ Completed |
| Tabs | ✓ Completed |
| Textfield | ✓ Completed |
| Toggle Button | ✓ Completed |
| Toggle Button Group | ✓ Completed |
| Tool Bar | ✓ Completed |
| Tooltip | ✓ Completed |
| Transfer List | ✎☏ In Progress |
| Typography | ✓ Completed |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent