responsively-app
Tools
JavaScript
Responsively App
A must-have devtool for web developers for quicker responsive web development. 🚀
Save time by becoming 5x faster!
<p>
</a><br /> <a rel="nofollow noopener" target="_blank" href="https://xscode.com/manojvivek/responsively-app"></p>
<p>
</a>
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://opencollective.com/responsively"></p>
<p>
</a>
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://www.producthunt.com/posts/responsively?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-responsively"></p>
<p>
</a>
</p>
<p>
Download Now (free!): <a rel="nofollow noopener" target="_blank" href="https://responsively.app"><br /> responsively.app<br /> </a>
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-responsively-app" class="anchor" aria-hidden="true" href="#responsively-app"></a>Responsively App
</h2>
<blockquote>
<p>
A modified browser built using <a rel="nofollow noopener" target="_blank" href="https://www.electronjs.org/">Electron</a> that helps in responsive web development.
</p>
</blockquote>
<p>
<a rel="nofollow noopener" target="_blank" href="https://camo.githubusercontent.com/9c692245c2ec3c3d5b4485c2cd4d266b01e6a3849620ea1363b7a61fced78e12/68747470733a2f2f726573706f6e736976656c792e6170702f6173736574732f696d672f726573706f6e736976656c792d6170702e676966"></a>
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-features" class="anchor" aria-hidden="true" href="#features"></a>Features
</h2>
<ol dir="auto">
<li>
Mirrored User-interactions across all devices.
</li>
<li>
Customizable preview layout to suit all your needs.
</li>
<li>
One handy elements inspector for all devices in preview.
</li>
<li>
30+ built-in device profiles with option to add custom devices.
</li>
<li>
One-click screenshot all your devices.
</li>
<li>
Hot reloading supported for developers.
</li>
</ol>
<p>
Please visit the website to know more about the application – <a rel="nofollow noopener" target="_blank" href="https://responsively.app">https://responsively.app</a>
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-download" class="anchor" aria-hidden="true" href="#download"></a>Download
</h2>
<p>
The application is available for Mac, Windows and Linux platforms. Please download it from the releases page<br /> Alternatively, MacOS users can use <a rel="nofollow noopener" target="_blank" href="https://formulae.brew.sh/cask/responsively"><code>brew</code></a> <a rel="nofollow noopener" target="_blank" href="https://formulae.brew.sh/cask/responsively"> </a>
</p>
<pre>brew install --cask responsively</pre>
<p>
Also, Windows users can use <a rel="nofollow noopener" target="_blank" href="https://chocolatey.org/packages/responsively/"><code>chocolatey</code></a> <a rel="nofollow noopener" target="_blank" href="https://chocolatey.org/packages/responsively/"> </a>
</p>
<pre>choco install responsively</pre>
<p>
or <code>winget</code>:
</p>
<pre>winget install ResponsivelyApp</pre>
<p>
Linux users using an RPM Package Manager can use <code>rpm</code>
</p>
<pre>sudo rpm -i https://github.com/responsively-org/responsively-app/releases/download/v[VERSION]/Responsively-App-[VERSION].x86_64.rpm</pre>
<p>
otherwise download an AppImage from the releases page<br /> Follow on Twitter for future updates – <a rel="nofollow noopener" target="_blank" href="https://twitter.com/ResponsivelyApp"></a>
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-browser-extension" class="anchor" aria-hidden="true" href="#browser-extension"></a>Browser Extension
</h2>
<p>
Install the handy browser extension to easily send links from your browser to the app and preview instantly.
</p>
<ul dir="auto">
<li>
<a rel="nofollow noopener" target="_blank" href="https://chrome.google.com/webstore/detail/responsively-helper/jhphiidjkooiaollfiknkokgodbaddcj">Download for Chrome</a> <a rel="nofollow noopener" target="_blank" href="https://chrome.google.com/webstore/detail/responsively-helper/jhphiidjkooiaollfiknkokgodbaddcj"></a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/responsively-helper/">Download for Firefox</a> <a rel="nofollow noopener" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/responsively-helper/"></a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://microsoftedge.microsoft.com/addons/detail/responsively-helper/ooiejjgflcgkbbehheengalibfehaojn">Download for Edge</a>
</li>
</ul>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-issues" class="anchor" aria-hidden="true" href="#issues"></a>Issues
</h2>
<p>
If you face any problems while using the application, please open an issue here – https://github.com/responsively-org/responsively-app/issues
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-roadmap" class="anchor" aria-hidden="true" href="#roadmap"></a>Roadmap
</h2>
<p>
Here is the roadmap of the desktop app – https://github.com/responsively-org/responsively-app/projects/12?fullscreen=true.
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-gold-sponsors-" class="anchor" aria-hidden="true" href="#gold-sponsors-"></a>Gold sponsors 🥇<br />
</h2>
<p>
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://opencollective.com/responsively"></p>
<p>
</a>
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://opencollective.com/responsively">Become a sponsor and have your company logo here</a>
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-contribute" class="anchor" aria-hidden="true" href="#contribute"></a>Contribute
</h2>
<ol dir="auto">
<li>
Ensure you have installed <code>node</code> and <code>yarn</code>
</li>
<li>
Go to <code>desktop-app</code> folder
</li>
<li>
Run <code>yarn</code> to install dependencies
</li>
<li>
Run <code>yarn dev</code>. This will start the app for local development with live reloading.
</li>
</ol>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-get-in-touch" class="anchor" aria-hidden="true" href="#get-in-touch"></a>Get in touch
</h2>
<p>
Come say hi to us on <a rel="nofollow noopener" target="_blank" href="https://responsively.app/join-discord">Discord</a>! 👋
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-contributors-" class="anchor" aria-hidden="true" href="#contributors-"></a>Contributors ✨<br />
</h2>
<p>
Thanks go to these wonderful people (<a rel="nofollow noopener" target="_blank" href="https://allcontributors.org/docs/en/emoji-key">emoji key</a>):
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://twitter.com/vivek_jonam">Manoj Vivek</a>💻 ⚠️ <a rel="nofollow noopener" target="_blank" href="#projectManagement-manojVivek" title="Project Management">📆</a>
</p>
<p>
Suresh P💻 ⚠️ <a rel="nofollow noopener" target="_blank" href="#projectManagement-esprush" title="Project Management">📆</a>
</p>
<p>
Sigit Prabowo💻
</p>
<p>
Leon Feng📖
</p>
<p>
Kishore S💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://jjavierdguezas.github.io">José Javier Rodríguez Zas</a>💻 ⚠️
</p>
<p>
Roman Akash💻
</p>
<p>
Romain Francony💻
</p>
<p>
AARYAN-MAHENDRA💻
</p>
<p>
Andy💻
</p>
<p>
Ryan Pais💻 ⚠️
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://grafikart.fr">Jonathan</a>💻
</p>
<p>
Gema Anggada ✌︎💻
</p>
<p>
jonathanurias96💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://falecci.dev">Federico Alecci</a>💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://linkedin.com/in/muminjon-abduraimov/">Abduraimov Muminjon</a>📖
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://www.vlazaro.es/">Víctor Lázaro</a>💻
</p>
<p>
Kavita Nambissan💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://twitter.com/PrashantPalikhe">Prashant Palikhe</a>💻
</p>
<p>
Jaune Sarmiento<a rel="nofollow noopener" target="_blank" href="#content-jaunesarmiento" title="Content">🖋</a>
</p>
<p>
Diego Vieira💻
</p>
<p>
Ajaykumar💻
</p>
<p>
Kiruba Karan💻
</p>
<p>
Sebastián Rodríguez💻
</p>
<p>
Karthick Raja💻
</p>
<p>
Johnny Zabala💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://rossmoody.com">Ross Moody</a><a rel="nofollow noopener" target="_blank" href="#design-rossmoody" title="Design">🎨</a>
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://shokri.me">Mehrdad Shokri</a><a rel="nofollow noopener" target="_blank" href="#infra-mehrdad-shokri" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a>
</p>
<p>
Abdelhak Akermi💻
</p>
<p>
Carlos Perez💻
</p>
<p>
Jayant Arya💻
</p>
<p>
John Rawlins💻
</p>
<p>
lepasq💻
</p>
<p>
mrfelfel💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://twitter.com/gorogoroumaru">gorogoroumaru</a>💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://ruisaraiva.dev">Rui Saraiva</a>💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://www.bakirci.nl">Mehmet Bakirci</a>💻
</p>
<p>
Julien Bertazzo Lambert💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://dbwriteups.wordpress.com">Dinesh Balaji</a>💻
</p>
<p>
MedBMoussa💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://www.lucie.dev">Lucie Vrsovska</a>💻
</p>
<p>
Jakub Cabak💻
</p>
<p>
Palakurthi Durga Kiran Kumar💻
</p>
<p>
Karl Labrador💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://rishikc.com">Rishi Kumar Chawda</a>💻
</p>
<p>
Carlos Rafael de Oliveira Carneiro💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://zachos.tech">Zach Hoskins</a>💻
</p>
<p>
KIWAN KIM💻
</p>
<p>
Andreas💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://www.linkedin.com/in/panu-valtanen-446ba9108/">Panu Valtanen</a>💻
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://www.d19.ca">Dustin Dauncey</a>💻
</p>
<p>
This project follows the all-contributors specification. Contributions of any kind welcome!<br />
</p>