Projetos relacionados

Uma lista cuidadosamente selecionada de bibliotecas que valem a pena dar uma olhada.

Como o escopo dos problemas que o Material UI resolve é limitado, tentamos interagir bem com outras bibliotecas. Sinta-se à vontade para enviar uma solicitação de pull request para adicionar outro projeto; será aceito se for adequado.

Recursos de design

Esta é uma coleção de projetos de terceiros que estendem Material UI.

• Figma: A large UI kit with over 600 handcrafted MUI components.
• Adobe XD: A large UI kit with over 600 handcrafted MUI components.
• Sketch: A large UI kit with over 600 handcrafted MUI symbols.
• UXPin: A large UI kit of MUI components. The design tool renders the components in a web runtime. It uses the same React implementation as your production environment.

Imagens e ilustrações

• Unsplash: 📷 Um ótimo recurso para encontrar fotos grátis de alta resolução e bonitas que você pode usar em seus projetos.
• unDraw: 📐 Como Unsplash, mas para incríveis ilustrações vetoriais.
• Simple Icons: Mais de 1000 ícones SVG gratuitos de marcas populares.

Frameworks de aplicação

• react-admin: Uma estrutura frontend para a construção de aplicativos B2B executando no navegador com base em APIs REST/GraphQL.

Ferramentas de IDE

• Material UI Snippets extensão VSCode fornecendo snippets.
• Material UI Codemorphs extensão VSCode fornecendo codemods.
• eslint: detect unused classes: Plugin ESLint para detectar classes de estilo não usadas com @material-ui/styles.

Componentes

Esta é uma coleção de projetos de terceiros que estendem Material UI.

Leiaute

• @mui-treasury/layout: Components to handle the overall layout of a page. You can find a couple of examples, e.g. a reactjs.org clone.

Notificação

• notistack: Facilita a exibição de snackbars (assim você não precisa ter que lidar com o estado de aberto/fechado delas).

Upload

• material-ui-dropzone: Construído sobre o react-dropzone.

Formulário

• react-hook-form: React hook para validação de formulários.
• formik-material-ui: Bindings for using MUI with formik.
• redux-form-material-ui: Bindings para usar Material UI com Redux Form.
• mui-rff: Bindings para usar Material UI com React Final Form.
• dx-react-grid-material-ui: Uma grade de dados para Material UI com paginação, ordenação, filtragem, agrupamento e funções de edição.(Com licenciamento de uso pago).
• @data-driven-forms/mui-component-mapper: Bindings for using MUI with Data Driven Forms.

Carrossel

• material-auto-rotating-carousel: Apresente novos usuários ao seu aplicativo.

Imagem

• mui-image: The only MUI image component to satisfy the Material guidelines for loading images.
• material-ui-image: Imagens são feias até serem carregadas. Materialize elas com material image! Irá desvanecer, como sugere o padrão de carregamento de imagem material.

Agenda/Calendário

• dx-react-scheduler-material-ui: Um componente agenda/calendário para Material UI com múltiplas visualizações de calendário, edição, compromissos de recorrência e recursos de navegação por data (licença paga).

Gráfico

• dx-react-chart-material-ui: Gráficos Material UI para visualizar dados usando uma variedade de tipos de série, incluindo barra, linha, área, dispersão, pizza e muito mais (licença paga).

Dialog

• material-ui-confirm: Fornece diálogos de confirmação fáceis de usar para simplificar as ações de confirmação do usuário sem escrever código boilerplate.

Seleção de cores

• material-ui-color: Coleções de componentes de cor para material-ui. Sem dependências, pequeno, altamente customizável e com suporte ao tema!

Sparkline

• mui-plus: A sparkline is a tiny chart that can be used to indicate the trend of a value.

Blocos

• components-extra: Fornece um conjunto de componentes "molecule" construídos com base no Material UI, com componentes de Footer, CookiesBanner, botão BackToTop e outros elementos complexos altamente customizados para ajudar os desenvolvedores a construir partes macro de sua interface muito rapidamente. Esses componentes são frequentemente duplicados em sites - esta biblioteca resolve exatamente este problema. This library solves this exact problem.

Temas

• material-ui-tema-editor: Uma ferramenta para gerar temas para seus aplicativos de Material UI, basta selecionar as cores e ter uma visualização ao vivo.
• Material palette generator: O gerador de paleta do Material pode ser usado para gerar uma paleta para qualquer cor que você inserir.