Joe Fusco

<p>As a developer, it can sometimes get confusing flipping back and forth between production and development sites. This plugin offers a gentle and anthropomorphic reminder that you are logged into a production site while still allowing unobstructive use.</p>
<h4>Demo</h4>
<p><a href="https://cloud.githubusercontent.com/assets/6676674/16306084/82afaf78-392a-11e6-85e6-d881b0d81943.gif" rel="nofollow ugc">See .gif</a> (Actual animation is much smoother)</p>
<h4>Usage</h4>
<p>Download and activate plugin. No configuration required.</p>
<h4>Animation Requirements</h4>
<ul>
<li>Must be logged in as admin</li>
<li>Cannot be a <code>.dev</code> domain (plugin ignores them)</li>
<li>Browser must support css animations</li>
</ul>
<h4>Browser Support</h4>
<ul>
<li>IE 10+</li>
<li>Edge</li>
<li>Firefox</li>
<li>Chrome</li>
<li>Safari</li>
<li>Opera</li>
<li>iOS Safari</li>
<li>Android Browser</li>
<li>Chrome for Android</li>
</ul>
<h4>Contributing</h4>
<p>Contributions are welcome on GitHub. https://github.com/josephfusco/wp-breathe</p>


WP Breathe

Easily identify a production site by making it visually breathe for admins.

Chris Allen

Poodle Plugins

<p>This plugin makes it easy to distinguish between your local development site, and your live site.<br />
I created this because I often use a local duplicate of my live site, for development, with the same DB, and the same URL.</p>
<p>I needed a quick & easy way of distinguishing between my live and development sites at a glance. This plugin acheives that in the simplest way possible.</p>
<p>There are settings for colour, positioning and the text displayed on the badge. It is also possible to add a link onto the badge.</p>


WP Dev Flag

Shows a floating badge on the front end, to visually distinguish your development site from production.

WP Breathe vs WP Dev Flag