Break Shot is an amazing screen capture app for responsive websites. It detects all available resolutions and take screenshots of each one.
- Detects resolutions available in your website and take screenshots for each breakpoint
- Take screenshots of your website at custom sizes, defined through the user interface
- Support to a
#breakshot
element to be used as a screenshot canvas
- Select source, it can be either a live URL or a local file
- Next
- Choose between auto sizing (break shot will find media-queries to define breakpoints) or custom size (it can be any resolution you want, e.g. 800 x 600, 1024 x 768)
- Next
- Select a file extension and your desired output file name.
- Click in Save File, choose output directory.
Create your banners using media-queries in diferents resolutions and user #breakshot
selector.
Here you can find the binaries to run in your preferred system.
- If you found a bug, please create an issue with the bug label.
- If yout miss a feature, don't hesitate to create a pull-request.
git clone https://github.com/victorferraz/break-shot.git
cd break-shot
npm i
/Applications/nwjs.app/Contents/MacOS/nwjs .
- Victor Ferraz @victorferraz | Development
- Bruno Magalhães @brunomagalhaes | Design
Kudos to Marlos Carmo @marloscarmo who had the original idea for Break Shot.
Released under the MIT License.