Responsively

A modified web browser that helps in responsive web development. A web deve...

Dev tool

responsively-org/responsively-app responsively.app

README

Responsively App

A must-have devtool for web developers for quicker responsive web development. 🚀

Save time by becoming 5x faster!

Download Now (free!):

responsively.app

Responsively App

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

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 option to add custom devices.

5. One-click screenshot all your devices.

6. Hot reloading supported for developers.

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

Download

The application is available for Mac, Windows and Linux platforms. Please download it from the releases page

Alternatively, MacOS users can use [`brew`](https://formulae.brew.sh/cask/responsively)

``` sh
brew install --cask responsively
```

Also, Windows users can use [`chocolatey`](https://chocolatey.org/packages/responsively/)

``` sh
choco install responsively
```

or [winget](https://github.com/microsoft/winget-cli):

``` sh
winget install ResponsivelyApp
```

Linux users using an RPM Package Manager can use rpm

``` sh
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 on Twitter for future updates -

Browser Extension

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

- [Download for Chrome](https://chrome.google.com/webstore/detail/responsively-helper/jhphiidjkooiaollfiknkokgodbaddcj)

- [Download for Firefox](https://addons.mozilla.org/en-US/firefox/addon/responsively-helper/)

- Download for Edge

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

1. Ensure you have installed node and yarn

2. Go to desktop-app folder

3. Run yarn to install dependencies

4. Run yarn dev. This will start the app for local development with live reloading.

Get in touch

Come say hi to us on Discord! :wave:

Contributors ✨

Thanks go to these wonderful people (emoji key):

_{Manoj Vivek} 💻 ⚠️ 📆	_{Suresh P} 💻 ⚠️ 📆	_{Sigit Prabowo} 💻	_{Leon Feng} 📖	_{Kishore S} 💻
_{José Javier Rodríguez Zas} 💻 ⚠️	_{Roman Akash} 💻	_{Romain Francony} 💻	_{AARYAN-MAHENDRA} 💻	_Andy 💻
_{Ryan Pais} 💻 ⚠️	_Jonathan 💻	_{Gema Anggada ✌︎} 💻	_{jonathanurias96} 💻	_{Federico Alecci} 💻
_{Abduraimov Muminjon} 📖	_{Víctor Lázaro} 💻	_{Kavita Nambissan} 💻	_{Prashant Palikhe} 💻	_{Jaune Sarmiento} 🖋
_{Diego Vieira} 💻	_Ajaykumar 💻	_{Kiruba Karan} 💻	_{Sebastián Rodríguez} 💻	_{Karthick Raja} 💻
_{Johnny Zabala} 💻	_{Ross Moody} 🎨	_{Mehrdad Shokri} 🚇	_{Abdelhak Akermi} 💻	_{Carlos Perez} 💻
_{Jayant Arya} 💻	_{John Rawlins} 💻	_lepasq 💻	_mrfelfel 💻	_{gorogoroumaru} 💻
_{Rui Saraiva} 💻	_{Mehmet Bakirci} 💻	_{Julien Bertazzo Lambert} 💻	_{Dinesh Balaji} 💻	_MedBMoussa 💻
_{Lucie Vrsovska} 💻	_{Jakub Cabak} 💻	_{Palakurthi Durga Kiran Kumar} 💻	_{Karl Labrador} 💻	_{Rishi Kumar Chawda} 💻
_{Carlos Rafael de Oliveira Carneiro} 💻	_{Zach Hoskins} 💻	_{KIWAN KIM} 💻	_Andreas 💻	_{Panu Valtanen} 💻
_{Dustin Dauncey} 💻