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
- Sketch: Sketch for Material-UI — A large UI kit with over 1,500 handcrafted Material-UI's symbols 💎.
- Figma:
- https://material.5ly.co/ for Material-UI made by Fively Team.
- https://ui-kit.co/ a starter kit for your Material Design 2 project.
- Framer: Framer X Kit for Material-UI.
Você não encontrou os recursos de design que sua equipe está procurando? Nos conte!
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.
IDE Tools
- Material-UI Snippets VSCode extension providing snippets.
- Material-UI Codemorphs VSCode extension providing codemods.
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.
Tabelas
- material-table Uma tabela de dados simples e poderosa para React baseado na tabela do Material-UI com alguns recursos adicionais. It supports many different use cases (editable, filtering, grouping, sorting, selection, i18n, tree data and more).
- 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).
- mui-datatables: Tabelas de dados responsivas para Material-UI com filtro, ordenação, pesquisa e muito mais.
- tubular-react: Uma tabela de Material-UI com fonte de dados local ou remota. Com filtragem, classificação, pesquisa de texto livre, exportação para CSV localmente e agregações.
Notificações
- 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ários
- 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 Bindings for using Material-UI with Data Driven Forms.
Carrossel
- material-auto-rotating-carousel: Apresente novos usuários ao seu aplicativo.
Imagem
- 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.
Paginação
- material-ui-flat-pagination: Um componente de paginação de design plano para Material-UI.
Agendas/Calendários
- 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áficos
- dx-react-chart-material-ui: Charts for Material-UI that visualizes data using a variety of series types, including bar, line, area, scatter, pie, and more (paid license).
Caixa de diálogo
- material-ui-confirm: Provides easy to use confirmation dialogs to simplify confirming user actions without writing boilerplate code.
Blocks
- components-extra: Provides a set of "molecule" components built on top of Material-UI like a Footer, a CookiesBanner, a BackToTop button and other complex elements highly customizable to help devs build the macro parts of their UI very quickly. Those components are often duplicated across sites - this library solves this exact problem.
Temas
- create-mui-theme: Uma ferramenta online para criar temas de Material-UI por meio da ferramenta de cor do Material Design.
- 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.