Andrew Ozz

avryl

This plugin adds and advanced color picker to the editor. You’ll have the ability to add custom colors with a color picker, a feature that has been removed from WordPress 3.9. It only works for WordPress 3.9 and higher.

TinyMCE Color Picker

This plugin adds and advanced color picker to the editor. You’ll have the ability to add custom colors with a color picker, a feature that has been re …

mosaiclifecreative

Doohickey’s Dev Tools puts a full suite of developer utilities right inside your WordPress admin. No more juggling browser tabs and bookmarking random websites — everything you need is one click away.
<h4>Free Tools</h4>
CSS Tools 
* Gradient Generator — Linear and radial gradients with unlimited color stops 
* Box Shadow Generator — Visual box-shadow builder with layered shadows 
* Border Generator — Shorthand and per-side border controls 
* Border Radius Generator — Per-corner radius with visual preview 
* Clip-Path Maker — Polygon, circle, ellipse, and inset clip paths 
* Flexbox Generator — Visual flexbox playground with container controls 
* CSS Grid Generator — Set columns, rows, gaps, and alignment visually
Color Tools 
* Color Picker — HSV color picker with HEX, RGB, and HSL output 
* Contrast Checker — WCAG 2.1 AA/AAA compliance testing 
* Color Converter — Convert between HEX, RGB, HSL, and CMYK
Code Tools 
* String Utilities — Case conversion, reverse, slug, character/word count 
* Encoder / Decoder — Base64, URL encoding, HTML entities, and more
Generators 
* Placeholder Image — Custom-sized placeholder images for mockups 
* Lorem Ipsum — Paragraphs, sentences, or words of filler text 
* QR Code Generator — Instant QR codes from any text or URL
SEO & Meta 
* Schema.org Generator — Structured data for Article, Local Business, and FAQ 
* Meta Tag Generator — SEO meta tags, Open Graph, and Twitter Cards
Converters 
* SVG to PNG — Client-side SVG conversion with scale options 
* HTML to Markdown — Convert HTML markup to clean Markdown 
* Markdown Preview — Live Markdown editor with rendered preview 
* Aspect Ratio Calculator — Calculate ratios from dimensions, scale with locked ratios, common size presets
<h4>Pro Version</h4>
Upgrade to Doohickey’s Dev Tools Pro for additional tools and features:
<ul>
<li>Palette Generator — Interactive color wheel with 7 harmony modes. Export as CSS or SCSS variables.</li>
<li>Code Formatter — Auto-format JSON, HTML, CSS, JavaScript, and SQL</li>
<li>Diff Checker — Side-by-side text comparison with highlighted differences</li>
<li>HTML Table Generator — Visual table builder with CSV import</li>
<li>Test Data Generator — Generate realistic fake data (names, emails, addresses, etc.)</li>
<li>Flexbox — Per-item controls (flex-grow, flex-shrink, flex-basis, align-self, order)</li>
<li>CSS Grid — Templates (Holy Grail, Dashboard, 12-Col, etc.), custom definitions, per-cell spans</li>
<li>Placeholder Image — Social media presets and Data URI export</li>
<li>Schema.org — 5 additional types (Product, Person, Organization, Event, Recipe)</li>
<li>QR Code — Custom logo overlay</li>
</ul>
<h4>Why Doohickey’s Dev Tools?</h4>
<ul>
<li>Zero external dependencies — Everything runs client-side in your browser</li>
<li>No data leaves your site — Your code and content stay private</li>
<li>Copy-ready output — One-click copy for all generated CSS, HTML, and code</li>
<li>Consistent interface — Every tool follows the same clean, intuitive layout</li>
<li>Lightweight — Single JavaScript bundle, loads only on the tools page</li>
</ul>
<h3>Source Code & Build Instructions</h3>
The full source code for this plugin, including uncompiled JavaScript and CSS, is available at: 
https://github.com/mosaiclifecreative/doohickeys-dev-tools
To build from source:
<ol>
<li>Clone the repository</li>
<li>Run <code>npm install</code> to install dependencies</li>
<li>Run <code>npm run build</code> to compile the production bundle</li>
<li>The compiled files are output to the <code>build/</code> directory</li>
</ol>
The project uses <code>@wordpress/scripts</code> for building. Source files are in <code>admin/js/</code> (JSX) and <code>admin/css/</code> (CSS).

Doohickey's Dev Tools

Essential web development utilities right in your WordPress dashboard — CSS generators, color tools, code formatters, and more.

TinyMCE Color Picker vs Doohickey's Dev Tools