material tailwind dashboard react

Material Tailwind Dashboard React

Material Tailwind Dashboard React é nosso mais novo modelo de administração gratuito de Material Tailwind baseado em Tailwind CSS e React. Se você é um desenvolvedor que deseja criar um painel de administração que seja amigável ao desenvolvedor, rico em recursos e altamente personalizável, aqui está o seu par. Nosso inovador painel Material Tailwind, Tailwind CSS e React vem com um belo design inspirado no Material Design do Google e irá ajudá-lo a criar sites e aplicativos da web impressionantes para encantar seus clientes.

Elementos totalmente codificados

Material Tailwind Dashboard React é construído com mais de 40 elementos individuais de frontend vindos de @material-tailwind/react, como botões, entradas, barras de navegação, guias de navegação, cartões ou alertas, dando a você a liberdade de escolher e combinar. Todos os componentes podem ter variações de cores, que você pode modificar facilmente usando adereços e nomes de classes CSS do tailwind. Você economizará muito tempo desde a prototipagem até o código totalmente funcional porque todos os elementos são implementados.

Este Material Tailwind, Tailwind CSS e React Dashboard gratuito vem com blocos de design pré-construídos, então o processo de desenvolvimento é perfeito, mudar de nossas páginas para o site real é muito fácil de ser feito.

Veja todos os componentes aqui.

Documentação construída por desenvolvedores

Cada elemento está bem apresentado em uma documentação muito complexa.

Você pode ler mais sobre a documentação aqui.

Páginas de exemplo

Se quiser se inspirar ou apenas mostrar algo diretamente aos seus clientes, você pode iniciar seu desenvolvimento com nossas páginas de exemplo pré-construídas. Você poderá configurar rapidamente a estrutura básica do seu projeto web.

Veja páginas de exemplo aqui.

LINKS ÚTEIS

• Ver repositório Github
• Verifique a página de perguntas frequentes

Agradecimentos especiais

Durante o desenvolvimento deste painel, usamos muitos recursos existentes de desenvolvedores incríveis. Queremos agradecê-los por fornecerem suas ferramentas de código aberto:

• Material Tailwind - Material Tailwind é uma biblioteca de componentes fácil de usar para Tailwind CSS e Material Design.
• Hero Icons - Lindos ícones SVG feitos à mão.
• Apex Charts - Gráficos modernos e interativos de código aberto.
• Nepcha Analytics para a ferramenta analítica. Nepcha já está integrado ao Material Tailwind Dashboard React. Você pode usá-lo para obter insights sobre suas fontes de tráfego.

Deixe-nos saber sua opinião abaixo. E boa sorte com o desenvolvimento!

Índice

• Versões
• Demonstração
• Início rápido
• Implantar
• Documentação
• Estrutura de arquivo
• Suporte ao navegador
• Recursos
• Relatando problemas
• Suporte Técnico ou Dúvidas
• Licenciamento
• Links úteis

Versões

Comandos de terminal

1. Baixe e instale a versão LTS do NodeJs na página oficial do NodeJs.
2. Navegue até o diretório root ./ do produto e execute npm install ou yarn install ou pnpm install para instalar nossas dependências locais.

Documentação

A documentação do Material Tailwind Dashboard React está hospedada em nosso site.

O que está incluído

Dentro do download você encontrará os seguintes diretórios e arquivos:

 material-tailwind-dashboard-react
    ├── public
    │   ├── css
    │   └── img
    ├── src
    │   ├── configs
    │   ├── context
    │   ├── data
    │   ├── layouts
    │   ├── pages
    │   ├── widgets
    │   ├── App.jsx
    │   ├── main.jsx
    │   └── routes.jsx
    ├── .gitignore
    ├── CHANGELOG.md
    ├── index.html
    ├── ISSUE_TEMPLATE.md
    ├── jsconfig.json
    ├── LICENSE
    ├── package.json
    ├── postcsss.config.cjs
    ├── prettier.config.cjs
    ├── README.md
    ├── tailwind.config.cjs
    └── vite.config.js

Suporte ao navegador

Atualmente, pretendemos oficialmente oferecer suporte às duas últimas versões dos seguintes navegadores:

Recursos

• Visualização ao vivo
• Página de download
• A documentação está aqui
• Contrato de licença
• Apoiar
• Problemas: página de problemas do Github
• Nepcha Analytics - ferramenta analítica para seu site

Relatando problemas

Usamos GitHub Issues como o rastreador de bugs oficial do Material Tailwind Dashboard React. Aqui estão alguns conselhos para nossos usuários que desejam relatar um problema:

1. Certifique-se de estar usando a versão mais recente do Material Tailwind Dashboard React. Verifique o CHANGELOG no seu painel em nosso site.
2. Fornecer etapas reproduzíveis para o problema reduzirá o tempo necessário para que ele seja corrigido.
3. Alguns problemas podem ser específicos do navegador, portanto, especificar em qual navegador você encontrou o problema pode ajudar.

Suporte Técnico ou Dúvidas

Se você tiver dúvidas ou precisar de ajuda para integrar o produto, entre em contato conosco em vez de abrir um problema.

Licenciamento

• Copyright 2023 Criativo Tim
• Licença Creative Tim

Links úteis

• Mais produtos de Creative Tim

• Tutoriais

• Brindes do Creative Tim

• Programa de afiliados (ganhe dinheiro)

Mídias Sociais

Twitter: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Google+: https://plus.google.com/+CreativetimPage

Instagram: https://instagram.com/creativetimofficial