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.

Código fonte

Entrar

Uma simples página de login.

Código fonte

Entrar ao lado

Uma página simples de login ao lado.

Código fonte

Cadastre-se

Uma página simples de cadastro.

Código fonte

Blog

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

Código fonte

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.

Código fonte

Álbum

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

Código fonte

Preço

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

Código fonte

Rodapé fixo

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

Código fonte

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.