George Stephanis

Michael Arestad

Hugh is a social color experiment for WordPress. Add the Hugh widget to any sidebar and visitors to your site can pick a color — background, text, the whole page — and broadcast it to everyone else viewing the site at the same time.
How it works:
<ol>
<li>A visitor opens the color picker in the Hugh widget, chooses a hex color, and optionally leaves a short note.</li>
<li>Hugh pushes that color via the REST API and stores it (up to 100 recent entries).</li>
<li>The page background and text color transition smoothly to the new color for all active visitors.</li>
<li>A row of color swatches shows the history of recent choices — click any swatch to jump back to that color.</li>
</ol>
It’s part toy, part social experiment: can your visitors agree on a color, or will it descend into a color battle?
Technical details:
<ul>
<li>Colors are stored via the WP object cache when an external cache (Memcached, Redis) is available, making it fast and ephemeral. Without an external cache it falls back to a WP option for persistence.</li>
<li>Color history is capped at 100 entries, sorted by timestamp.</li>
<li>REST endpoints at <code>hugh/v1/colors</code> (GET) and <code>hugh/v1/colors/add</code> (POST) are public and unauthenticated by design — this is intentional for the live-sharing mechanic.</li>
<li>The <code>hugh_css</code> filter lets themes register custom CSS overrides. Twenty Seventeen support is built in; other themes can hook in via <code>add_filter( 'hugh_css', ... )</code>.</li>
<li>Colors are rendered as smooth CSS transitions so the page doesn’t flash when a new color arrives.</li>
</ul>
Note: Hugh works best on sites with an external object cache. Without one, colors are persisted to the database and shared state may lag under concurrent visitors.

Hugh

Hugh is your personal color consultant. However, Hugh also easily gives in to peer pressure.

vlad.olaru

pixelgrade

George Olaru

Razvan Onofrei

Madalin Gorbanescu

With <a href="https://github.com/pixelgrade/customify" rel="nofollow ugc">Customify</a>, developers can easily create advanced theme-specific options inside the WordPress Customizer. Using those options, a user can make presentational changes without having to know or edit the theme code.
This plugin is primarily intended to be used together with <a href="https://wordpress.org/themes/author/pixelgrade/" rel="ugc">Pixelgrade themes</a>. So the best way to get acquainted with it’s capabilities is to study the way <a href="https://github.com/pixelgrade/rosa2-lite/tree/master/inc/integrations/customify" rel="nofollow ugc">one of Pixelgrade’s themes</a> integrates with it.
Made with care by Pixelgrade
<h3>Credits</h3>
<ul>
<li><a href="https://select2.github.io" rel="nofollow ugc">Select2</a> JavaScript library – License: MIT</li>
<li><a href="https://github.com/NV/CSSOM" rel="nofollow ugc">CSSOM.js</a> JavaScript library – License: MIT</li>
<li><a href="https://ace.c9.io/" rel="nofollow ugc">Ace Editor</a> JavaScript editor – License: BSD</li>
<li><a href="https://github.com/natedavisolds/jquery-react" rel="nofollow ugc">jQuery React</a> JavaScript jQuery plugin – License: MIT</li>
<li><a href="https://github.com/typekit/webfontloader" rel="nofollow ugc">Web Font Loader</a> JavaScript library – License: Apache 2.0</li>
<li><a href="http://fusejs.io" rel="nofollow ugc">Fuse.js</a> Lightweight fuzzy-search JavaScript library – License: Apache 2.0</li>
<li>Default <a href="https://unsplash.com/photos/OgM4RKdr2kY" rel="nofollow ugc">image</a> for Style Manager Color Palette control – License: <a href="https://unsplash.com/license" rel="nofollow ugc">Unsplash</a></li>
</ul>

Customify

Customify is a theme Customizer booster to easily customize Fonts, Colors, and other options for a certain WordPress theme.

Hugh vs Customify