responsively-app

<div align="center"> <img src="https://responsively.app/assets/img/logo.png" alt="Responsively Logo" width="150"> <h1>Responsively App <a href="https://github.com/responsively-org/responsively-app/releases/latest" target="_blank"><img alt="GitHub release" src="https://img.shields.io/github/v/release/responsively-org/responsively-app"></a></h1> A must-have dev tool for web developers for quicker responsive web development. 🚀 <h6>Save time by becoming 5x faster!</h6> </div> <a href="https://twitter.com/ResponsivelyApp" target="_blank"> <img src="https://img.shields.io/twitter/follow/responsivelyApp?color=26A0ED&label=Follow&logo=twitter&logoColor=white&style=flat" alt="Twitter"> </a> <a href="#contributors-" target="_blank"> <img src="https://img.shields.io/github/all-contributors/responsively-org/responsively-app?style=flat" alt="contributors"> </a> <a href="https://responsively.app/join-discord" target="_blank"> <img src="https://img.shields.io/badge/Join%20-Discord-blue?logo=discord&logoColor=white" alt="Discord"> </a> <a href="https://xscode.com/manojvivek/responsively-app" target="_blank"> <img src="https://img.shields.io/badge/Available%20on-xs%3Acode-blue?style=?style=flat&logo=appveyor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAlUlEQVR42uzXSwqAMAwE0Mn9L+3Ggtgkk35QwcnSJo9S+yGwM9DCooCbgn4YrJ4CIPUcQF7/XSBbx2TEz4sAZ2q1RAECBAiYBlCtvwN+KiYAlG7UDGj59MViT9hOwEqAhYCtAsUZvL6I6W8c2wcbd+LIWSCHSTeSAAECngN4xxIDSK9f4B9t377Wd7H5Nt7/Xz8eAgwAvesLRjYYPuUAAAAASUVORK5CYII=" alt="XS:Code"> </a> <a href="https://github.com/responsively-org/responsively-app/issues" target="_blank"> <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat" alt="PRs Welcome"> </a> <a href="https://opencollective.com/responsively" target="_blank"> <img alt="Open Collective backers and sponsors" src="https://img.shields.io/opencollective/all/responsively"> </a> <a href="https://www.producthunt.com/posts/responsively?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-responsively" target="_blank"> <img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=200375&theme=light&period=daily" alt="ProductHunt"> </a> Download Now (free!): <a href="https://responsively.app/download" target="_blank"> responsively.app </a>

Responsively App

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

Quick Demo

Features

Mirrored User-interactions across all devices.
Customizable preview layout to suit all your needs.
One handy elements inspector for all devices in preview.
30+ built-in device profiles with the option to add custom devices.
One-click screenshots on all your devices.
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 <a href="https://responsively.app/download" target="_blank">download it from responsively.app</a>

Alternatively, MacOS users can use brew <a href="https://formulae.brew.sh/cask/responsively" target="_blank"> <img src="https://badgen.net/homebrew/cask/dy/responsively" alt="Homebrew installs"></a>

brew install --cask responsively

Also, Windows users can use chocolatey <a href="https://chocolatey.org/packages/responsively/" target="_blank"> <img src="https://img.shields.io/chocolatey/dt/responsively" alt="Chocolatey installs"></a>

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

Browser Extension

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

Download for Chrome <a href="https://chrome.google.com/webstore/detail/responsively-helper/jhphiidjkooiaollfiknkokgodbaddcj" target="_blank"><img alt="Chrome Web Store" src="https://img.shields.io/chrome-web-store/users/jhphiidjkooiaollfiknkokgodbaddcj?color=blue"></a>
Download for Firefox <a href="https://addons.mozilla.org/en-US/firefox/addon/responsively-helper/" target="_blank"><img alt="Mozilla Add-on" src="https://img.shields.io/amo/users/responsively-helper"></a>
Download for Edge <a href="https://microsoftedge.microsoft.com/addons/detail/responsively-helper/ooiejjgflcgkbbehheengalibfehaojn" target="_blank"><img alt="Edge Add-on" src="https://img.shields.io/badge/dynamic/json?label=users&query=%24.activeInstallCount&url=https%3A%2F%2Fmicrosoftedge.microsoft.com%2Faddons%2Fgetproductdetailsbycrxid%2Fooiejjgflcgkbbehheengalibfehaojn"></a>

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/12?fullscreen=true.

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):

<table> <tbody> <tr> <td align="center" valign="top" width="20%"><a href="http://twitter.com/vivek_jonam"><img src="https://avatars1.githubusercontent.com/u/1283424?v=4?s=100" width="100px;" alt="Manoj Vivek"/> Manoj Vivek</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=manojVivek" title="Code">💻</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=manojVivek" title="Tests">⚠️</a> <a href="#projectManagement-manojVivek" title="Project Management">📆</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/esprush"><img src="https://avatars0.githubusercontent.com/u/26249498?v=4?s=100" width="100px;" alt="Suresh P"/> Suresh P</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=esprush" title="Code">💻</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=esprush" title="Tests">⚠️</a> <a href="#projectManagement-esprush" title="Project Management">📆</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/sprabowo"><img src="https://avatars2.githubusercontent.com/u/11748183?v=4?s=100" width="100px;" alt="Sigit Prabowo"/> Sigit Prabowo</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=sprabowo" title="Code">💻</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/leon0707"><img src="https://avatars1.githubusercontent.com/u/523684?v=4?s=100" width="100px;" alt="Leon Feng"/> Leon Feng</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=leon0707" title="Documentation">📖</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/kishoreio"><img src="https://avatars2.githubusercontent.com/u/30261988?v=4?s=100" width="100px;" alt="Kishore S"/> Kishore S</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=kishoreio" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="20%"><a href="https://jjavierdguezas.github.io"><img src="https://avatars2.githubusercontent.com/u/13673443?v=4?s=100" width="100px;" alt="José Javier Rodríguez Zas"/> José Javier Rodríguez Zas</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=jjavierdguezas" title="Code">💻</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=jjavierdguezas" title="Tests">⚠️</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/romanakash"><img src="https://avatars1.githubusercontent.com/u/40427975?v=4?s=100" width="100px;" alt="Roman Akash"/> Roman Akash</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=romanakash" title="Code">💻</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/RomainFrancony"><img src="https://avatars3.githubusercontent.com/u/22396965?v=4?s=100" width="100px;" alt="Romain Francony"/> Romain Francony</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=RomainFrancony" title="Code">💻</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/AARYAN-MAHENDRA"><img src="https://avatars1.githubusercontent.com/u/64866670?v=4?s=100" width="100px;" alt="AARYAN-MAHENDRA"/> AARYAN-MAHENDRA</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=AARYAN-MAHENDRA" title="Code">💻</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/Nothing-Works"><img src="https://avatars3.githubusercontent.com/u/18606648?v=4?s=100" width="100px;" alt="Andy"/> Andy</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=Nothing-Works" title="Code">💻</a></td> </tr> <tr> <td align="center" valign="top" width="20%"><a href="https://github.com/Kidcredo"><img src="https://avatars0.githubusercontent.com/u/15522605?v=4?s=100" width="100px;" alt="Ryan Pais"/> Ryan Pais</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=Kidcredo" title="Code">💻</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=Kidcredo" title="Tests">⚠️</a></td> <td align="center" valign="top" width="20%"><a href="https://grafikart.fr"><img src="https://avatars1.githubusercontent.com/u/395137?v=4?s=100" width="100px;" alt="Jonathan"/> Jonathan</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=Grafikart" title="Code">💻</a></td> <td align="center" valign="top" width="20%"><a href="https://github.com/heygema"><img src="https://avatars1.githubusercontent.com/u/10743728?v=4?s=100" width="100px;" alt="Gema Anggada ✌︎"/> Gema Anggada ✌︎</a> <a href="https://github.com/responsively-org/responsively-app/commits?author=heygema" title="Code">💻</a></td> <td align="center" valign="top" width="20%"><a