Pular para o conteúdo

🎉 Material UI v5 is out now! Check out the announcement blog post

Modelos React

Uma seleção grátis de modelos react para ajudar a você começar a criar o seu aplicativo. A coleção contém painel de controle, administrativo e muito mais.

Os modelos podem ser combinados com uma das aplicações de exemplo para gerar um projeto inicial completo.

Seções de cada leiaute são claramente definidas por comentários ou uso de arquivos separados, tornando simples extrair partes de uma página (como uma "hero unit" ou rodapé, por exemplo) para reutilização em outras páginas. Para exemplos de várias partes, uma tabela no README no local do código-fonte vinculado descreve a finalidade de cada arquivo.

Painel de controle

Um painel mínimo com barra de tarefas e mini variante. O gráfico é cortesia do Recharts, mas é simples substituir por um alternativo.

Entrar

Uma simples página de login.

Entrar ao lado

Uma página simples de login ao lado.

Cadastre-se

Uma página simples de cadastro.

Blog

Um leiaute de página de blog sofisticado. O suporte do markdown é cortesia do markdown-to-jsx, mas pode ser facilmente substituído.

Checkout

Um leiaute de etapas de página de checkout. Adapte o número de etapas para atender às suas necessidades ou torne as etapas opcionais.

Álbum

Um álbum responsivo / o leiaute da galeria com ações e um rodapé na página.

Preço

Crie rapidamente uma tabela de preços eficaz para seus clientes em potencial com este leiaute de página.

Rodapé fixo

Anexe um rodapé abaixo na janela de visualização quando o conteúdo da página for curto.

Se, ao usar estes exemplos você faz mudanças ou melhorias que poderiam melhorar a experiência do desenvolvedor, ou você gostaria de contribuir com um exemplo adicional, por favor considere a criação de um pull request no GitHub.

Até agora, temos demonstrações para um painel, página de login, página de inscrição, página de blog, fluxo de check-out, página de álbum, página de preços e uma página de rodapé.

Temas Premium

Procurando por algo mais? Você pode encontrar modelos completos & temas na seção de modelos premium.

modelos react