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!