slim free react mui template

modelo slim-mui ·

Modelo mui moderno e limpo

Slim - um modelo de painel React gratuito e de código aberto feito usando a biblioteca de componentes Material UI React com objetivo de flexibilidade e melhor personalização.

Modelo de painel de administração de material MUI responsivo moderno e limpo. É totalmente responsivo.

Ele pode ser usado para a maioria dos tipos de painéis e modelos de aplicativos, como análise, administração ou aplicativo de mensagens para seu desktop ou aplicativos móveis. Flexibilidade e capacidade de reutilização incríveis. Mais de 85 páginas de demonstração

Não se esqueça de marcá-lo com uma estrela (canto superior direito desta página) se você gostar do tema

• Apoie React18.
• Interface de usuário profissional.
• Componentes do Material UI React.
• Totalmente responsivo, com suporte para todos os navegadores modernos.
• Código e estrutura de pastas fáceis de usar.
• Código flexível e de alto desempenho
• Centenas de componentes MUI personalizados.
• Pré-construa páginas e aplicativos úteis.
• Modo escuro e claro

Versão gratuita do SLIM MUI React js

• Visualização completa da versão
• Versão de visualização da versão limpa com apenas componentes, estilos, tema e página de amostra
• Baixe do Github

Começando

Clonar do Github

 git clone https://github.com/Tono2007/slim-free-react-mui-template.git

Pilha de tecnologia

• IU de materiais V5
• Reagir 18
• Construído com API React Hooks
• API de contexto Redux e React para gerenciamento de estado
• Roteador React para roteamento de navegação
• Vite
• Divisão de código
• Aliases
• Suporte para tema claro/escuro
• Eslint - guia de estilo do Airbnb
• Gráficos Apex

Problemas

Para relatar um bug, envie um problema no Github. Responderemos o mais rápido possível para resolver o problema.

Roteiro

Prioridades

• Mais componentes!
• Mais páginas
• Melhor personalização
• Melhor documentação
• Desempenho
• Tamanho do pacote

---

No futuro

• Problemas e suporte do usuário
• Versão datilografada
• Versões seguintes/CRA/Remix
• Acessibilidade.

Predefinições de cores

Usamos cores diferentes

Registro de alterações

Estrutura de pastas

├── package.json           - > Package json file.
├── public
├── README.md
├── src
│   ├── _mocks             - > Mock Json data to be used for working apps
│   ├── assets
│   │   ├── images
│   │   ├── css            - > Template css files
│   │   │   ├── style.css  - > Application main css file
│   ├── components
│   │   │── layouts
│   │   │   ├── LandingLayout  - > Layout for landing components & routers
│   │   │   ├── MainLayout     - > Layout for main components & routers
│   │   │   ├── MinimalLayout  - > Layout for mimimal components & routers
│   │   ├── loader
│   │   ├── modal
│   │── pages              - > View files for all pages
│   ├── contexts/redux     - > State management
│   ├── utils
│   │   ├── helpers        - > helpers utilities
│   │   ├── hocs           - > Custom hocs
│   │   ├── hooks          - > Custom hooks
│   │   ├── routes         - > router
│   │   ├── theme          - > custom theme provider
│   │   ├── constants      - > general app constants
│   ├──App.js              - > starting point of application
├── vite.config.js         - > Template constant value and live customization
├── index.html

DOC

O sistema de roteamento Slim é baseado em react-router e seu pacote react-router-dom, também usa divisão de código para melhor desempenho.

Licença

• Cobertura licenciada pelo MIT