responsively-app is a free, open source frameworks & platforms project written in TypeScript and released under AGPL-3.0. It has 25,200 GitHub stars, 1,403 forks and 324 open issues, and was last pushed 7 days ago. On this registry it ranks #23 of 75 tracked projects in Frameworks & Platforms, with 5 head-to-head comparisons available.

What is responsively-app?

Responsively App is a free, open-source modified web browser built on Electron that previews a page at several device sizes at once and mirrors interactions across them, aimed at web developers doing responsive front-end work.

What it is

It is a desktop application written in TypeScript and released under the AGPL-3.0 licence, distributed through responsively.app and the responsively-org GitHub organisation, where it has roughly 25,200 stars, 1,403 forks and 324 open issues, with activity as recent as September 2026. Instead of a single viewport it presents a customizable layout of device previews of the same page and mirrors clicks, keystrokes and navigation across all of them.

The problem it solves is the slow loop of responsive testing: in a standard browser a developer checks one viewport at a time, resizing the window or opening device emulation, inspecting what changed, and then repeating the process at the next breakpoint. Responsively App replaces that one-device-at-a-time preview workflow with a single workspace holding 30+ built-in device profiles, one shared elements inspector and one-click screenshots. It also ships a browser extension for sending links from Chrome, Firefox or Edge straight into the app, and a built-in Model Context Protocol server that lets AI coding agents drive the same previews.

Key capabilities

  • Mirrored user interactions across all device previews, so a click, a typed key or a navigation is applied to every device at once.
  • A customizable preview layout for arranging the devices under test.
  • One elements inspector shared by every device in the preview.
  • 30+ built-in device profiles, with the option to add custom devices.
  • One-click screenshots across all devices in the preview.
  • Hot reloading support, so a running dev server refreshes in the previews as code is saved.
  • A Model Context Protocol server on http://127.0.0.1:12720/mcp exposing tools such as navigate, list_devices, set_active_devices, screenshot, read_page, click and type_text; screenshots are JPEG images downscaled to at most 1000px wide.

Who uses it and how

  • Front-end and responsive web developers who want phone, tablet and desktop widths visible at the same time rather than one after another.
  • Developers running a local dev server with hot reloading, who keep the app open beside the editor and watch every preview update on save.
  • Teams using AI coding agents: Claude Code connects with claude mcp add responsively -- npx -y @responsively/mcp and Cursor through a .cursor/mcp.json entry, after which the agent can load a URL, change active devices, click and type, and capture per-device screenshots for visual verification; the app starts on demand at the first tool call and is reused if it is already running.
  • Developers on macOS, Windows or Linux who need a batch of screenshots across every configured device in one click.

Getting started

The application is downloaded from responsively.app for macOS, Windows and Linux, or installed with brew install --cask responsively, choco install responsively, winget install ResponsivelyApp, an rpm package, or a Linux AppImage from the releases page. The agent integration is added with claude mcp add responsively -- npx -y @responsively/mcp, or by pointing a client at http://127.0.0.1:12720/mcp while the app is running.

How it compares

No list of paid products that Responsively App replaces is given in the facts, and no comparable tool is named alongside it, so it stands alone in this registry with nothing here to measure it against directly. The only positioning the facts support is the project's own: a free, open-source application under AGPL-3.0 whose topics describe it as an opensource-alternative.

When to use it — and when not to

Because it is a desktop application rather than a hosted service, there is no database or SMTP to operate, but every developer has to install and run it locally, and the MCP server only listens on localhost while the app is open. Teams that need a browser-based or headless tool, or that cannot install desktop software on developer machines, should look elsewhere, and anyone redistributing a modified build should read the AGPL-3.0 obligations first. The README excerpt is thin and partly truncated, and 324 open issues indicate a sizeable backlog.

project readme (upstream, from github) — read inline
Responsively Logo

Responsively App GitHub release

A must-have dev tool for web developers for quicker responsive web development. 🚀
Save time by becoming 5x faster!

Twitter contributors Discord XS:Code PRs Welcome Open Collective backers and sponsors

ProductHunt

Download Now (free!): responsively.app


Responsively App

A modified browser built using Electron that helps in responsive web development.

Quick Demo

Features

  1. Mirrored User-interactions across all devices.
  2. Customizable preview layout to suit all your needs.
  3. One handy elements inspector for all devices in preview.
  4. 30+ built-in device profiles with the option to add custom devices.
  5. One-click screenshots on all your devices.
  6. Hot reloading is supported for developers.

Please visit the website to learn more about the application - https://responsively.app

Download

The application is available for Mac, Windows and Linux platforms. Please download it from responsively.app

Alternatively, MacOS users can use brew Homebrew installs

brew install --cask responsively

Also, Windows users can use chocolatey Chocolatey installs

choco install responsively

or winget:

winget install ResponsivelyApp

Linux users using an RPM Package Manager can use rpm

sudo rpm -i https://github.com/responsively-org/responsively-app/releases/download/v[VERSION]/Responsively-App-[VERSION].x86_64.rpm

otherwise, download an AppImage from the releases page

Follow us on Twitter for future updates - Twitter Follow

Browser Extension

Install the handy browser extension to easily send links from your browser to the app and preview instantly.

MCP Server (AI coding agents)

Responsively App ships a built-in Model Context Protocol server, so AI coding agents like Claude Code and Cursor can drive the app while you build — load your dev server, switch device previews, interact with pages, and visually verify responsive layouts with per-device screenshots.

Install the app, launch it once, then connect from Claude Code:

claude mcp add responsively -- npx -y @responsively/mcp

Or add to Cursor's .cursor/mcp.json:

{
  "mcpServers": {
    "responsively": {"command": "npx", "args": ["-y", "@responsively/mcp"]}
  }
}

The app is launched on demand — connecting an agent session doesn't open it; the first tool call starts it automatically (and it stays open afterwards). If it's already running, it's reused.

Available tools:

Tool Description
get_app_state Current URL, page title, layout, zoom and active devices
navigate Load a URL in all device previews (waits for the page to load)
list_devices Full device catalog, including custom devices
set_active_devices Change which devices are previewed, by id or name
screenshot Capture one or all device previews as JPEG images
read_page Read a preview's page text and interactive elements with CSS selectors
click Click an element (trusted mouse event; mirrors across previews)
type_text Type into a form field with real keystrokes, optionally press Enter

Screenshots capture the visible viewport and are downscaled to at most 1000px wide.

Advanced configuration

The app's MCP server listens on http://127.0.0.1:12720/mcp (localhost only) whenever the app is running. If your MCP client can't run npx, connect to it directly — but you'll need to have the app running yourself:

claude mcp add --transport http responsively http://127.0.0.1:12720/mcp

Environment variables understood by @responsively/mcp:

Variable Purpose
RESPONSIVELY_APP_PATH Path to a custom app install (auto-detected otherwise)
RESPONSIVELY_MCP_PORT Port of the app's MCP server (default 12720)
RESPONSIVELY_MCP_BRIDGE Direct path to a bridge cli.js (development override)

Linux note: the app ships as an AppImage, so launch it once before first agent use — that's how the CLI learns where it lives.

Issues

If you face any problems while using the application, please open an issue here - https://github.com/responsively-org/responsively-app/issues

Roadmap

Here is the roadmap of the desktop app - https://github.com/responsively-org/responsively-app/projects/

Gold sponsors 🥇

Become a sponsor and have your company logo here

Contribute

To get started with contributing your awesome ideas to Responsively, follow the comprehensive guide here!

Get in touch

Come say hi to us on Discord! :wave:

Contributors ✨

Thanks go to these wonderful people (emoji key):

Manoj Vivek
Manoj Vivek

💻 ⚠️ 📆
Suresh P
Suresh P

💻 ⚠️ 📆
Sigit Prabowo
Sigit Prabowo

💻
Leon Feng
Leon Feng

📖
Kishore S
Kishore S

💻
José Javier Rodríguez Zas
José Javier Rodríguez Zas

💻 ⚠️
Roman Akash
Roman Akash

💻
Romain Francony
Romain Francony

💻
AARYAN-MAHENDRA
AARYAN-MAHENDRA

💻
Andy
Andy

💻
Ryan Pais
Ryan Pais

💻 ⚠️
Jonathan
Jonathan

💻
Gema Anggada ✌︎
Gema Anggada ✌︎

💻
jonathanurias96
jonathanurias96

💻
Federico Alecci
Federico Alecci

💻
Abduraimov Muminjon
Abduraimov Muminjon

📖
Víctor Lázaro
Víctor Lázaro

💻
Kavita Nambissan
Kavita Nambissan

💻
Prashant Palikhe
Prashant Palikhe

💻
Jaune Sarmiento
Jaune Sarmiento

🖋
Diego Vieira
Diego Vieira

💻
Ajaykumar
Ajaykumar

💻
Kiruba Karan
Kiruba Karan

💻
Sebastián Rodríguez
Sebastián Rodríguez

💻
Karthick Raja
Karthick Raja

💻
Johnny Zabala
Johnny Zabala

💻
Ross Moody
Ross Moody

🎨
Mehrdad Shokri
Mehrdad Shokri

🚇
Abdelhak Akermi
Abdelhak Akermi

💻
Carlos Perez
Carlos Perez

💻
Jayant Arya
Jayant Arya

💻
John Rawlins
John Rawlins

💻
lepasq
lepasq

💻
mrfelfel
mrfelfel

💻
gorogoroumaru
gorogoroumaru

💻
Rui Saraiva
Rui Saraiva

💻
Mehmet Bakirci
Mehmet Bakirci

💻
Julien Bertazzo Lambert
Julien Bertazzo Lambert

💻
Dinesh Balaji
Dinesh Balaji

💻
MedBMoussa
MedBMoussa

💻
Lucie Vrsovska
Lucie Vrsovska

💻
Jakub Cabak
Jakub Cabak

💻
Palakurthi Durga Kiran Kumar
Palakurthi Durga Kiran Kumar

💻
Karl Labrador
Karl Labrador

💻
Rishi Kumar Chawda
Rishi Kumar Chawda

💻
Carlos Rafael de Oliveira Carneiro
Carlos Rafael de Oliveira Carneiro

💻
Zach Hoskins
Zach Hoskins

💻
KIWAN KIM
KIWAN KIM

💻
Andreas
Andreas

💻
Panu Valtanen
Panu Valtanen

💻
Dustin Dauncey
Dustin Dauncey

💻
heagan01
heagan01

💻
Sahil Jangra
Sahil Jangra

💻
Jay Carlson
Jay Carlson

💻
Michael Padilla
Michael Padilla

💻
Andreas Steinkellner
Andreas Steinkellner

💻
aniknia
aniknia

💻
Wayne Rocha
Wayne Rocha

💻
crbon
crbon

💻
Mohammad S
Mohammad S

💻
Reshad Sadik
Reshad Sadik

💻
Kwesi Ansah
Kwesi Ansah

💻
Monalisa Sahoo
Monalisa Sahoo

💻
Mitesh Tank
Mitesh Tank

💻
Ryan
Ryan

💻
jayway
jayway

💻
Alex Fernandez
Alex Fernandez

💻
Danial Gharib
Danial Gharib

💻
Alexander Menk
Alexander Menk

📖
Tunahan Gediz
Tunahan Gediz

📖
Jeff Bowen
Jeff Bowen

💻
Param Birje
Param Birje

💻
Prajjwal Yadav
Prajjwal Yadav

📖
Steven Cabrera
Steven Cabrera

💻
negar nasiri
negar nasiri

💻
Gaurav Singh
Gaurav Singh

💻
Nishidh Jain
Nishidh Jain

💻
Samiksha Mishra
Samiksha Mishra

📖
Len Dierickx
Len Dierickx

💻
Suraj Bobade
Suraj Bobade

💻
Sagar Hedaoo
Sagar Hedaoo

💻
V
V

💻 ⚠️
Prabhas Jupalli
Prabhas Jupalli

💻
Pulkit
Pulkit

💻
Brandon Yee
Brandon Yee

🖋
Wendy Pan
Wendy Pan

💻
Pranav Ithape
Pranav Ithape

💻
SUKRIT PRAKASH SINGH
SUKRIT PRAKASH SINGH

💻
Aryan Panchal
Aryan Panchal

💻
Samran Ahmed
Samran Ahmed

💻
SatyamAgrawal
SatyamAgrawal

💻
Sai Tharun Dusa
Sai Tharun Dusa

💻
Pavlo
Pavlo

💻 ⚠️
AnalyticalDataArtisan
AnalyticalDataArtisan

💻
Kieren-Foenander
Kieren-Foenander

💻
Trishit Swarnakar
Trishit Swarnakar

💻
Abhijeet Singh
Abhijeet Singh

📖
aaryan
aaryan

💻
Michael Klikushin
Michael Klikushin

💻
Bhanu Prakash
Bhanu Prakash

💻
Saúl Sáyago
Saúl Sáyago

💻
Dailin
Dailin

💻

This project follows the all-contributors specification. Contributions of any kind are welcome!

Frequently asked questions

Is responsively-app free to use?

responsively-app is open source under the AGPL-3.0 licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does responsively-app do?

A modified web browser that helps in responsive web development. A web developer's must have dev-tool.

What is responsively-app written in?

responsively-app is primarily written in TypeScript. Its source is publicly available at https://github.com/responsively-org/responsively-app, and it has 25,200 GitHub stars.