Repolode
Enviar
responsively-org

responsively-org/responsively-app

Navegador desktop baseado em Electron para testar sites em várias prévias de dispositivos ao mesmo tempo, com interações espelhadas e um servidor MCP para agentes de IA.

Ver no GitHubSite
Estrelas
25,424
Forks
1,418
Issues abertas
326
Último commit
há 18 dias

O que é?

O Responsively App é um navegador desktop criado com Electron para desenvolvimento web responsivo. Ele exibe um site lado a lado em várias janelas de visualização de dispositivos, permitindo que desenvolvedores verifiquem o comportamento do layout em diferentes tamanhos de tela sem alternar entre ferramentas.

Interações como rolar, clicar e digitar são espelhadas em todas as prévias de dispositivos, e o app inclui um inspetor de elementos que funciona em cada uma delas. Ele vem com mais de 30 perfis de dispositivos integrados, permite adicionar dispositivos personalizados, tira capturas de tela de todas as prévias de uma só vez e oferece hot reload para desenvolvedores.

O app está disponível para Mac, Windows e Linux, e conta com uma extensão de navegador para Chrome, Firefox e Edge que envia links para o app. Também oferece um servidor MCP integrado para que agentes de programação com IA, como Claude Code e Cursor, carreguem páginas, troquem de dispositivo, interajam com elas e capturem telas de cada dispositivo.

Recursos principais

  • 01Espelha interações do usuário, como cliques e digitação, em todas as prévias de dispositivos.
  • 02Oferece mais de 30 perfis de dispositivos integrados e permite adicionar dispositivos personalizados.
  • 03Disponibiliza um inspetor de elementos que funciona em cada prévia.
  • 04Tira capturas de tela de todos os dispositivos de uma só vez, com um clique.
  • 05Oferece hot reload para servidores de desenvolvimento.
  • 06Inclui um servidor MCP para agentes de programação com IA controlarem o app.

Casos de uso

  • Verificar como o layout de um site é exibido em celulares, tablets e desktops durante o desenvolvimento front-end.
  • Revisar designs responsivos com capturas de tela de cada dispositivo antes do lançamento.
  • Permitir que um agente de programação com IA carregue uma página e verifique visualmente seu layout responsivo.

Início rápido

  1. 1

    Instale no macOS com Homebrew

    brew install --cask responsively
  2. 2

    Instale no Windows com Chocolatey

    choco install responsively
  3. 3

    Ou baixe o aplicativo em responsively.app ou na página de lançamentos

Antes de usar

  • Disponível apenas como aplicativo para desktop, com instaladores para Mac, Windows e Linux.
  • Licenciado sob AGPL-3.0, uma licença copyleft forte que exige o compartilhamento do código-fonte modificado.

Tópicos

#responsive-design#electron#web-development#browser-testing#desktop-app#mcp#contributions-welcome#developer-tools#good-first-issue#hacktoberfest

Perguntas frequentes

O que é responsively-app?
Navegador desktop baseado em Electron para testar sites em várias prévias de dispositivos ao mesmo tempo, com interações espelhadas e um servidor MCP para agentes de IA. O Responsively App é um navegador desktop criado com Electron para desenvolvimento web responsivo. Ele exibe um site lado a lado em várias janelas de visualização de dispositivos, permitindo que desenvolvedores verifiquem o comportamento do layout em diferentes tamanhos de tela sem alternar entre ferramentas.
responsively-app é gratuito? Qual é a licença?
responsively-app é open source sob a licença AGPL-3.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
responsively-app ainda é mantido?
Manutenção ativa. O último commit de responsively-app foi em 3 de out. de 2026.
Para que posso usar responsively-app?
Verificar como o layout de um site é exibido em celulares, tablets e desktops durante o desenvolvimento front-end. Revisar designs responsivos com capturas de tela de cada dispositivo antes do lançamento. Permitir que um agente de programação com IA carregue uma página e verifique visualmente seu layout responsivo.
Como instalar responsively-app?
Instale no macOS com Homebrew: brew install --cask responsively Instale no Windows com Chocolatey: choco install responsively Ou baixe o aplicativo em responsively.app ou na página de lançamentos
Onde consigo responsively-app?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/responsively-org/responsively-app

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

Projetos relacionados