Proyectos relacionados
Una lista cuidadosamente supervisada de bibliotecas que vale la pena echarle un vistazo.
Debido a que el alcance de los problemas que soluciona Material-UI es límite, intentamos jugar bien con otras bibliotecas. Siéntase libre de enviar un pull request para añadir otro proyecto; será aceptado si es apropiado.
Recursos de diseño
A set of reusable components for design tools is available, designed to match the React components, and to help you craft great products:
- Figma: Figma for Material-UI — A large UI kit with over 600 handcrafted Material-UI's components 🎨.
- Sketch: Sketch for Material-UI — A large UI kit with over 600 handcrafted Material-UI's symbols 💎.
- Adobe XD: A large UI kit with over 600 handcrafted Material-UI symbols.
- Framer: Framer for Material-UI — A small MIT UI kit preview of handcrafted Material-UI's component.
Imágenes e ilustraciones
- Unsplash: 📷 Un gran recurso para encontrar hermosas fotos gratuitas de alta resolución que puedes usar en tus proyectos.
- unDraw: 📐 Como Unsplash pero increíbles ilustraciones de vectores.
IDE tools
- Material-UI Snippets VSCode extension providing snippets.
- Material-UI Codemorphs VSCode extension providing codemods.
- eslint: detect unused classes: ESLint plugin to detect unused styling classes with
@material-ui/styles.
Componentes
Esta es una colección de proyectos de terceros que amplían Material-UI.
Disposición
- @mui-treasury/layout: Componentes para manejar el diseño general de una página. Puede encontrar un par de ejemplos, por ejemplo, un clon de reactjs.org.
Table (Tabla)
- notistack: Hace que sea fácil mostrar notificaciones (para que no tenga que lidiar con el estado abierto/cerrado de ellas).
Notificación
- notistack: Hace que sea fácil mostrar notificaciones (para que no tenga que lidiar con el estado abierto/cerrado de ellas).
Subir
- formik-material-ui Bindings for using Material-UI with formik.
- redux-form-material-ui Bindings for using Material-UI with Redux Form.
- mui-rff Bindings for using Material-UI with React Final Form.
- data-driven-forms MUI mapper enlaces para usar Material-UI con Data Driven Forms.
Formulario
- mui-rff Bindings for using Material-UI with React Final Form.
Carrusel
- material-ui-image: Las imágenes son feas hasta que estén cargadas. ¡Materialízalo con material image! Se desvanecerá como lo sugiere el patrón de carga de material image.
Pagination
- crear-mui-theme: Una herramienta en línea para crear temas de Material-UI a través de Material Design Color Tool.
Paginación
- material-ui-plan-pagination: Un componente de paginación de diseño plano para Material-UI.
Planificador/Calendario
- dx-react-scheduler-material-ui: Un componente de planificador/calendario para Material-UI con múltiples vistas de calendario, edición, citas de repetición y características de navegación de fecha (licencia de pago).
Dialog
- dx-react-chart-material-ui: Gráficos para Material-UI que visualiza los datos usando una variedad de tipos de series, incluyendo barras, líneas, áreas, scatter, tarta y más (licencia de pago).
Selector de color
- material-ui-color: Colecciones de componentes de color para material-ui. ¡No hay dependencias, pequeño, altamente personalizable y soporte para temas!
Bloques
- components-extra: Proporciona un conjunto de componentes "moléculas" construidos sobre Material-UI como un Footer, un Banner de Cookies, un botón BackToTop y otros elementos complejos altamente personalizables para ayudar a los desarrolladores a construir las partes macro de su interfaz de usuario muy rápidamente. Estos componentes a menudo se duplican a través de sitios - esta biblioteca resuelve este problema exacto.
Temática
- crear-mui-theme: Una herramienta en línea para crear temas de Material-UI a través de Material Design Color Tool.
- material-ui-theme-editor: A tool to generate themes for your Material-UI applications by just selecting the colors and having a live preview.
- Material palette generator: The Material palette generator can be used to generate a palette for any color you input.