Mockup Viewer é uma ferramenta web para visualização e exportação de mockups 3D personalizados diretamente no navegador. Desenvolvido inicialmente como parte de um sistema de vendas, este visualizador funciona de forma independente e gratuita, com suporte a modelos como blister e caneca.
- ✅ Visualização 3D de mockups de blister e caneca
- ✅ Upload de imagem personalizada para aplicar como textura
- ✅ Exportação da cena atual como imagem PNG
- ✅ Controle de rotação automática e velocidade
- ✅ Escolha de cor de fundo sólida ou ambiente HDRI (cidade, estúdio, etc.)
- ✅ Interface adaptável e responsiva
- ✅ Popovers explicativos para cada botão da interface
src/components/— Componentes principais da aplicaçãosrc/components/modelos/— Modelos 3D reutilizáveis (Blister, Caneca)public/— Assets estáticos e modelos.glb
-
Clone o repositório:
git clone https://github.com/seu-usuario/mockup-manager.git cd mockup-manager -
Instale as dependências:
npm install
-
Rode em modo desenvolvimento:
npm run dev
-
Acesse em: http://localhost:5173
- O projeto é 100% client-side, sem backend ou persistência de dados.
- Limitado o uso de imagens com até 5MB para melhor performance.
- A exportação gera a imagem com base na visualização atual da cena 3D.
- Integração com sistema de vendas (mockups vinculados a produtos)
- Possibilidade de controlar iluminação
- Possibilidade de salvar e carregar predefinições de cenas
- Suporte a outros modelos além de blister e caneca
- Galeria de cenas geradas
- Geração automática de mp4
- Controle de dimensões da cena exportada
Este projeto está licenciado sob a Creative Commons Atribuição-NãoComercial 4.0 Internacional (CC BY-NC 4.0).