responsively-app/README.md

150 lines
14 KiB
Markdown
Raw Normal View History

2020-08-06 11:48:45 +00:00
<div align="center">
<img src="https://responsively.app/assets/img/responsively-logo.png" alt="Responsively Logo" width="150">
<h1>Responsively App</h1>
<strong>A must-have devtool for web developers for effient responsive web development. 🚀</strong>
<h6>Made by developers for developers</h6>
</div>
<br>
<p align="center">
<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="https://gitter.im/responsively-app" target="_blank">
<img src="https://img.shields.io/gitter/room/badges/shields.svg" alt="Gitter">
</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=plastic&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-square" alt="PRs Welcome">
</a>
</p>
<p align="center">
<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>
</p>
<p align="center">
Download Now: <a href="https://responsively.app" target="_blank">
responsively.app
</a>
</p>
<br>
## Responsively App
>A modified browser built using [Electron](https://www.electronjs.org/) that helps in responsive web development.
2020-05-29 11:00:24 +00:00
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
2020-07-29 14:56:59 +00:00
[![All Contributors](https://img.shields.io/badge/all_contributors-29-orange.svg?style=flat-square)](#contributors-)
2020-05-29 11:00:24 +00:00
<!-- ALL-CONTRIBUTORS-BADGE:END -->
2020-08-06 11:48:45 +00:00
<br>
2020-03-18 14:15:59 +00:00
2020-06-05 04:03:45 +00:00
![Quick Demo](https://responsively.app/assets/img/responsively-app.gif)
2020-03-18 14:15:59 +00:00
2020-03-18 15:39:10 +00:00
## Features
2020-03-18 15:46:35 +00:00
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 option to add custom devices.
5. One-click screenshot all your devices.
6. Hot reloading supported for developers.
2020-06-05 04:03:45 +00:00
Please visit the website to know more about the application - https://responsively.app
2020-03-18 14:15:59 +00:00
2020-05-22 21:36:49 +00:00
2020-05-23 05:45:10 +00:00
## Download
2020-08-02 08:12:08 +00:00
The application is available for Mac, Windows and Linux platforms. Please download it from here - https://github.com/responsively-org/responsively-app/releases
2020-05-23 05:45:10 +00:00
Alternatively, MacOS users can use brew to install it:
2020-05-22 21:36:49 +00:00
```bash
brew cask install responsively
```
2020-06-09 08:54:39 +00:00
Follow on Twitter for future updates - [![Twitter Follow](https://img.shields.io/twitter/follow/ResponsivelyApp?style=social)](https://twitter.com/ResponsivelyApp)
2020-05-22 18:08:47 +00:00
2020-03-18 15:46:35 +00:00
## Issues
2020-08-02 08:12:08 +00:00
If you face any problems while using the application, please open an issue here - https://github.com/responsively-org/responsively-app/issues
2020-03-18 14:15:59 +00:00
2020-06-13 13:46:41 +00:00
## Roadmap
2020-08-02 08:12:08 +00:00
Here is the roadmap of the desktop app - https://github.com/responsively-org/responsively-app/projects/12?fullscreen=true.
2020-06-13 13:46:41 +00:00
2020-03-18 15:46:35 +00:00
## Contribute
2020-03-18 15:39:10 +00:00
1. Goto `desktop-app` folder
2020-05-17 09:14:36 +00:00
2. Run `yarn dev`. This will start the app for local development with live reloading.
2020-03-18 14:15:59 +00:00
2020-03-18 15:39:10 +00:00
## Distribution
2020-07-02 11:47:01 +00:00
You can build the app for distribution by running:
2020-03-18 15:39:10 +00:00
```yarn package-all```
This will build the binaries for all the platforms and place it in the `releases` folder.
2020-03-18 14:15:59 +00:00
2020-03-18 15:39:10 +00:00
If you want to build the binary for a specific platform, run one of the following commands:
2020-03-18 14:15:59 +00:00
2020-03-18 15:39:10 +00:00
**Mac** - ```yarn package-mac```
**Windows(NSIS)** - ```yarn package-win```
2020-03-18 14:15:59 +00:00
2020-03-18 15:39:10 +00:00
**Linux(AppImage)** - ```yarn package-linux```
2020-05-29 11:00:24 +00:00
## Contributors ✨
2020-07-02 11:47:01 +00:00
Thanks go to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
2020-05-29 11:00:24 +00:00
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
<tr>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="http://twitter.com/vivek_jonam"><img src="https://avatars1.githubusercontent.com/u/1283424?v=4" width="100px;" alt=""/><br /><sub><b>Manoj Vivek</b></sub></a><br /><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"><a href="https://github.com/esprush"><img src="https://avatars0.githubusercontent.com/u/26249498?v=4" width="100px;" alt=""/><br /><sub><b>Suresh P</b></sub></a><br /><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"><a href="https://github.com/sprabowo"><img src="https://avatars2.githubusercontent.com/u/11748183?v=4" width="100px;" alt=""/><br /><sub><b>Sigit Prabowo</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=sprabowo" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/leon0707"><img src="https://avatars1.githubusercontent.com/u/523684?v=4" width="100px;" alt=""/><br /><sub><b>Leon Feng</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=leon0707" title="Documentation">📖</a></td>
<td align="center"><a href="https://github.com/kishoreio"><img src="https://avatars2.githubusercontent.com/u/30261988?v=4" width="100px;" alt=""/><br /><sub><b>Kishore S</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=kishoreio" title="Code">💻</a></td>
2020-05-29 11:00:24 +00:00
</tr>
2020-06-09 10:57:27 +00:00
<tr>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="https://jjavierdguezas.github.io"><img src="https://avatars2.githubusercontent.com/u/13673443?v=4" width="100px;" alt=""/><br /><sub><b>José Javier Rodríguez Zas</b></sub></a><br /><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"><a href="https://github.com/romanakash"><img src="https://avatars1.githubusercontent.com/u/40427975?v=4" width="100px;" alt=""/><br /><sub><b>Roman Akash</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=romanakash" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/RomainFrancony"><img src="https://avatars3.githubusercontent.com/u/22396965?v=4" width="100px;" alt=""/><br /><sub><b>Romain Francony</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=RomainFrancony" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/AARYAN-MAHENDRA"><img src="https://avatars1.githubusercontent.com/u/64866670?v=4" width="100px;" alt=""/><br /><sub><b>AARYAN-MAHENDRA</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=AARYAN-MAHENDRA" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/Nothing-Works"><img src="https://avatars3.githubusercontent.com/u/18606648?v=4" width="100px;" alt=""/><br /><sub><b>Andy</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=Nothing-Works" title="Code">💻</a></td>
2020-06-09 10:57:27 +00:00
</tr>
2020-06-23 14:07:42 +00:00
<tr>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="https://github.com/Kidcredo"><img src="https://avatars0.githubusercontent.com/u/15522605?v=4" width="100px;" alt=""/><br /><sub><b>Ryan Pais</b></sub></a><br /><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"><a href="https://grafikart.fr"><img src="https://avatars1.githubusercontent.com/u/395137?v=4" width="100px;" alt=""/><br /><sub><b>Jonathan</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=Grafikart" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/heygema"><img src="https://avatars1.githubusercontent.com/u/10743728?v=4" width="100px;" alt=""/><br /><sub><b>Gema Anggada ✌︎</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=heygema" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/jonathanurias96"><img src="https://avatars2.githubusercontent.com/u/57416786?v=4" width="100px;" alt=""/><br /><sub><b>jonathanurias96</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=jonathanurias96" title="Code">💻</a></td>
<td align="center"><a href="https://falecci.dev"><img src="https://avatars2.githubusercontent.com/u/17703824?v=4" width="100px;" alt=""/><br /><sub><b>Federico Alecci</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=falecci" title="Code">💻</a></td>
2020-07-06 11:34:39 +00:00
</tr>
<tr>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="https://linkedin.com/in/muminjon-abduraimov/"><img src="https://avatars1.githubusercontent.com/u/24930020?v=4" width="100px;" alt=""/><br /><sub><b>Abduraimov Muminjon</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=MuminjonGuru" title="Documentation">📖</a></td>
<td align="center"><a href="https://www.vlazaro.es/"><img src="https://avatars1.githubusercontent.com/u/38981659?v=4" width="100px;" alt=""/><br /><sub><b>Víctor Lázaro</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=vlazaroes" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/kvnam"><img src="https://avatars0.githubusercontent.com/u/3608742?v=4" width="100px;" alt=""/><br /><sub><b>Kavita Nambissan</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=kvnam" title="Code">💻</a></td>
<td align="center"><a href="https://twitter.com/PrashantPalikhe"><img src="https://avatars0.githubusercontent.com/u/2657709?v=4" width="100px;" alt=""/><br /><sub><b>Prashant Palikhe</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=prashantpalikhe" title="Code">💻</a></td>
2020-07-10 03:25:36 +00:00
<td align="center"><a href="https://github.com/jaunesarmiento"><img src="https://avatars1.githubusercontent.com/u/1166928?v=4" width="100px;" alt=""/><br /><sub><b>Jaune Sarmiento</b></sub></a><br /><a href="#content-jaunesarmiento" title="Content">🖋</a></td>
</tr>
<tr>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="https://github.com/diego-vieira"><img src="https://avatars2.githubusercontent.com/u/930792?v=4" width="100px;" alt=""/><br /><sub><b>Diego Vieira</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=diego-vieira" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/pajaydev"><img src="https://avatars0.githubusercontent.com/u/21375014?v=4" width="100px;" alt=""/><br /><sub><b>Ajaykumar</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=pajaydev" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/kirubakarthikeyan"><img src="https://avatars0.githubusercontent.com/u/38885946?v=4" width="100px;" alt=""/><br /><sub><b>Kiruba Karan</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=kirubakarthikeyan" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/sebasrodriguez"><img src="https://avatars1.githubusercontent.com/u/1605931?v=4" width="100px;" alt=""/><br /><sub><b>Sebastián Rodríguez</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=sebasrodriguez" title="Code">💻</a></td>
<td align="center"><a href="https://github.com/karthick3018"><img src="https://avatars1.githubusercontent.com/u/47154512?v=4" width="100px;" alt=""/><br /><sub><b>Karthick Raja</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=karthick3018" title="Code">💻</a></td>
2020-06-23 14:07:42 +00:00
</tr>
2020-07-20 08:01:12 +00:00
<tr>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="https://github.com/jzabala"><img src="https://avatars0.githubusercontent.com/u/1315054?v=4" width="100px;" alt=""/><br /><sub><b>Johnny Zabala</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=jzabala" title="Code">💻</a></td>
2020-07-24 11:05:02 +00:00
<td align="center"><a href="http://rossmoody.com"><img src="https://avatars0.githubusercontent.com/u/29072694?v=4" width="100px;" alt=""/><br /><sub><b>Ross Moody</b></sub></a><br /><a href="#design-rossmoody" title="Design">🎨</a></td>
2020-07-26 11:28:31 +00:00
<td align="center"><a href="https://shokri.me"><img src="https://avatars1.githubusercontent.com/u/13661520?v=4" width="100px;" alt=""/><br /><sub><b>Mehrdad Shokri</b></sub></a><br /><a href="#infra-mehrdad-shokri" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
2020-08-02 08:12:08 +00:00
<td align="center"><a href="https://github.com/abakermi"><img src="https://avatars1.githubusercontent.com/u/60294727?v=4" width="100px;" alt=""/><br /><sub><b>Abdelhak Akermi</b></sub></a><br /><a href="https://github.com/responsively-org/responsively-app/commits?author=abakermi" title="Code">💻</a></td>
2020-07-20 08:01:12 +00:00
</tr>
2020-05-29 11:00:24 +00:00
</table>
<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->
2020-05-29 11:23:36 +00:00
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!