Responsively App
A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
Install / Use
npx skills add responsively-org/responsively-appInstalls into whichever agent you are using.
README
Responsively App
A modified browser built using Electron that helps in responsive web development. <br>
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
Follow us 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 <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/
Gold sponsors 🥇
<table style="width: 100%; border: none;" cellspacing="0" cellpadding="0" border="0" align="center" id="sponsors"> <tr> <td style="border: none;"><a href="https://www.testmuai.com/?utm_medium=sponsor&utm_source=responsively-app" target="_blank"> <img src="https://responsively.app/_next/static/media/testmu.a5a8be46.svg" style="vertical-align: middle;" width="280" /> </a></td> <td style="border: none;"><a href="https://global.fun88.com/?utm_medium=sponsor&utm_source=responsively-app" target="_blank"> <img src="https://responsively.app/assets/img/logos/fun88.png" style="vertical-align: middle;" width="200" alt="Fun88" /> </a></td> <td rowspan="3" style="border: none;"><a href="https://github.com/sponsors/responsively-org" target="_blank"> <img src="https://user-images.githubusercontent.com/1283424/142834528-4cd5b8eb-eeae-4437-b749-d09c96dde160.png" height="120px" alt="Sponsor to add your company logo here"> </a></td> </tr> </table>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):
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <!-- prettier-ignore-start --> <!-- markdownlint-disable --> <table> <tbody> <tr> <td align="center" valign="top" width="20%"><a href="http://x.com/vivek_jonam"><img src="https://avatars1.githubusercontent.com/u/1283424?v=4?s=100" width="100px;" alt="Manoj Vivek"/><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" 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"/><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" 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"/><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" 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"/><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" 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"/><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> </tr> <tr> <td align="center" valign="top" widthRelated Skills
node-connect
385.5kDiagnose OpenClaw Android, iOS, or macOS node pairing, QR/setup code, route, auth, and connection failures.
imsg
385.5kUse the imsg CLI from OpenClaw agents for iMessage/SMS DMs, groups, replies, reactions, polls, watching, and private-API actions.
Agent Development
140.7kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or…
review-duplication
106.4kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
