Repolode
Enviar
Pawandeep-prog

Pawandeep-prog/Snapframe

Um criador de screenshots para a web que transforma capturas de tela de apps em imagens prontas para divulgar na Play Store e na App Store, com molduras de dispositivos e texto.

Alternativa open source a:Previewed

Ver no GitHubSite
Estrelas
293
Forks
34
Issues abertas
8
Último commit
há 4 meses

O que é?

O Snapframe é um editor no navegador para criar screenshots para lojas de apps. Desenvolvedores e designers podem inserir as telas do app em mockups de dispositivos, como molduras de iPhone, adicionar blocos de texto e aplicar templates ou estilos personalizados a um conjunto inteiro de slides.

Cada slide pode ter seu próprio tema, ou você pode aplicar um tema global ao projeto inteiro. As edições são atualizadas em tempo real, e o histórico de desfazer/refazer permite fazer ajustes sem perder o trabalho. As screenshots prontas podem ser exportadas em PNG ou JPG, ou como um arquivo ZIP com todas as resoluções.

O projeto também inclui um editor JSON com prévia ao vivo lado a lado. Você pode colar o JSON de um projeto, editá-lo diretamente ou usar uma ferramenta de IA para gerar slides e colar o resultado no editor. O app roda localmente com npm, e há uma demonstração ao vivo hospedada no GitHub Pages. O Chrome tem suporte completo; o Firefox apresenta problemas conhecidos de renderização.

Recursos principais

  • 01Molduras de dispositivos, como mockups de iPhone, para exibir telas do app em contexto.
  • 02Temas por slide ou para o projeto inteiro, com estilos selecionados e personalizados.
  • 03Blocos de texto com tipografia e posicionamento ajustáveis.
  • 04Prévia em tempo real com histórico de desfazer/refazer.
  • 05Exportação em PNG, JPG ou arquivo ZIP com todas as resoluções.
  • 06Editor JSON com prévia ao vivo para criar conjuntos de slides programaticamente.

Casos de uso

  • Preparar conjuntos de screenshots para a Play Store ou a App Store para o lançamento de um app.
  • Criar imagens de divulgação para um app sem uma ferramenta de design dedicada.
  • Gerar conjuntos de slides com um assistente de IA e refiná-los visualmente.

Início rápido

  1. 1

    Clone o repositório

    git clone https://github.com/Pawandeep-prog/Snapframe.git
  2. 2

    Entre na pasta do projeto

    cd Snapframe
  3. 3

    Instale as dependências

    npm install
  4. 4

    Inicie o servidor de desenvolvimento e abra http://localhost:5173

    npm run dev

Antes de usar

  • O Firefox apresenta problemas de renderização conhecidos, por isso o navegador compatível é o Chrome.

Tópicos

#screenshot#app-store#design-tool#react#typescript#json-editor#image-export#generator#snapframe

Perguntas frequentes

O que é Snapframe?
Um criador de screenshots para a web que transforma capturas de tela de apps em imagens prontas para divulgar na Play Store e na App Store, com molduras de dispositivos e texto. O Snapframe é um editor no navegador para criar screenshots para lojas de apps. Desenvolvedores e designers podem inserir as telas do app em mockups de dispositivos, como molduras de iPhone, adicionar blocos de texto e aplicar templates ou estilos personalizados a um conjunto inteiro de slides.
Snapframe é gratuito? Qual é a licença?
Snapframe é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
Snapframe ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de Snapframe foi em 1 de jul. de 2026.
Para que posso usar Snapframe?
Preparar conjuntos de screenshots para a Play Store ou a App Store para o lançamento de um app. Criar imagens de divulgação para um app sem uma ferramenta de design dedicada. Gerar conjuntos de slides com um assistente de IA e refiná-los visualmente.
Como instalar Snapframe?
Clone o repositório: git clone https://github.com/Pawandeep-prog/Snapframe.git Entre na pasta do projeto: cd Snapframe Instale as dependências: npm install Inicie o servidor de desenvolvimento e abra http://localhost:5173: npm run dev
Onde consigo Snapframe?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/Pawandeep-prog/Snapframe

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados