<p align="center">
    <a href="https://GitHub.com/ColonelParrot/feedbackplus/stargazers/"><img src="https://img.shields.io/github/stars/ColonelParrot/feedbackplus.svg?style=social&label=Star&maxAge=2592000"></a>
    <br/>
    <br/>
    <a href="https://www.jsdelivr.com/package/gh/ColonelParrot/feedbackplus"><img src="https://data.jsdelivr.com/v1/package/gh/ColonelParrot/feedbackplus/badge"></a>
    <a href="https://npmjs.com/package/feedbackplus"><img src="https://badgen.net/npm/v/feedbackplus"></a>
    <br/>
    <a href="https://github.com/ColonelParrot/feedbackplus/blob/master/LICENSE"><img src="https://img.shields.io/github/license/ColonelParrot/feedbackplus.svg"></a>
    <a href="https://GitHub.com/ColonelParrot/feedbackplus/releases/"><img src="https://img.shields.io/github/release/ColonelParrot/feedbackplus.svg"></a>
    <a href="https://GitHub.com/ColonelParrot/feedbackplus/commit/"><img src="https://badgen.net/github/last-commit/ColonelParrot/feedbackplus"></a>
</p>

<p align="center">
    <br/>
    <img src="docs/images/logo_sm.png"/>
    <br/>
    <br/>
    <img src="docs/images/preview.png">
</p>



<h2 align="center">Preview (<a href="https://colonelparrot.github.io/feedbackplus/demos/demo.html">try it out!</a>)</h2>

| Taking a Screenshot                           | Editing screenshot                                    |
| --------------------------------------------- | ----------------------------------------------------- |
| <img src="docs/images/FeedbackPlus_Demo.gif"> | <img src="docs/images/FeedbackPlus_Editing_Demo.gif"> |

<p align="center">(click images to enlarge)</p>

<h2 align="center">🔥 Spice up your feedback forms! 🔥</h2>

Want to have better customer engagement for your next site? FeedbackPlus is your solution!

Featuring:

- site screenshotting (uses browser's display API by default, fallbacks to [html2canvas](https://github.com/niklasvh/html2canvas) if available - see [here](https://github.com/ColonelParrot/feedbackplus/wiki#browser-support-bonus))
- built-in screenshot editing (highlight & hide)

<h3 align="center">It's easy to learn, yet extremely powerful!</h3>

<p align="center">
Available via <a href="https://www.npmjs.com/package/feedbackplus">npm</a> or via <a href="https://github.com/ColonelParrot/feedbackplus/wiki#import">CDN</a>
</p>

<p align="center">Want to learn it? Check our <a href="https://github.com/ColonelParrot/feedbackplus/wiki">documentation!</a></p>
