Mosaico é um poderoso painel de administração modelo construído com CSS do Tailwind. Possui centenas de layouts e seções pré-construídos e é codificado em HTML, Reagire Vue. O Mosaic vem com dezenas de designs funcionais para ajudá-lo a começar rapidamente. Com uma ampla variedade de belos estilos e um layout de tela cheia, é perfeito para painéis de administração, comércio eletrônico, mercados, FinTech e empresas SaaS usarem como ponto de partida para seus projetos. Se você deseja levar seu aplicativo para o próximo nível – o Mosaic é o caminho a percorrer!
o que tem dentro
- 50 páginas pré-montadas (disponíveis em HTML, React e Vue)
- Mais de 80 seções de demonstração prontas
- 14 componentes atômicos (botões, formulários, modais, dica de ferramenta, paginação e muito mais)
- 18 belos gráficos (linha, barras, barras empilhadas, rosca, polar)
- 7 layouts de tabela
- 6 layouts de comércio eletrônico (loja, produto, carrinho, checkout)
- Feed do blog + postagem do blog
- Páginas de autenticação
- Seções de utilitários (changelog, roteiro, planos de preços e mais)
- Processo de integração em 4 etapas
- Quadro Kanban
- Calendário de página inteira
- Layout do aplicativo da caixa de entrada
- Layout do aplicativo de bate-papo
- Página não encontrada (404)
- … e mais!
Características
- Layouts totalmente responsivos
- pronto para retina
- Foco na acessibilidade para navegação por teclado + WAI-ARIA
- Código limpo com comentários
- Validação do W3C aprovada
- Integração do Google Fonts
- Belos ícones SVG
- Integração de bibliotecas de terceiros (Chart.js, Flatpickr)
- Arquivos de design incluídos (para Sketch e Figma)
Especificações técnicas
Modelo HTML
Enviado com um padrão construído no Webpack (confira o vídeo de introdução para saber mais). Dependências principais
- CSS 3 do Tailwind
- Alpine.js3
- Chart.js 3
- Flatpickr 4
Modelo de reação
Projeto básico construído com React + Vite. Dependências principais
- Reagir 18
- Reagir roteador 6
- CSS 3 do Tailwind
- rápido 3
- Chart.js 3
- Reagir Flatpickr 3
Modelo Vue
Projeto básico construído com Vue + Vite. Dependências principais
- Visualização 3
- Visualização do Roteador 4
- CSS 3 do Tailwind
- rápido 3
- Chart.js 3
- Vue Flatpickr 9
Modelo Laravel
Projeto básico construído com Laravel Jetstream e Livewire + Blade como Stack.
- Visualização 3
- Visualização do Roteador 4
- CSS 3 do Tailwind
- rápido 3
- Chart.js 3
- Vue Flatpickr 9
Construído com amor por Cruip.
Artigos Relacionados