Title: Doohickey's Dev Tools Author: mosaiclifecreative Published: 25 de febrero, 2026 Last modified: 5 de marzo, 2026 --- Search plugins ![](https://ps.w.org/doohickeys-dev-tools/assets/banner-772x250.png?rev=3469017) ![](https://ps.w.org/doohickeys-dev-tools/assets/icon-256x256.png?rev=3469017) # Doohickey's Dev Tools By [mosaiclifecreative](https://profiles.wordpress.org/mosaiclifecreative/) [Download](https://downloads.wordpress.org/plugin/doohickeys-dev-tools.1.0.4.zip) * [Details](https://pe.wordpress.org/plugins/doohickeys-dev-tools/#description) * [Reviews](https://pe.wordpress.org/plugins/doohickeys-dev-tools/#reviews) * [Installation](https://pe.wordpress.org/plugins/doohickeys-dev-tools/#installation) * [Development](https://pe.wordpress.org/plugins/doohickeys-dev-tools/#developers) [Support](https://wordpress.org/support/plugin/doohickeys-dev-tools/) ## Description **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. #### Free Tools **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 #### Pro Version Upgrade to Doohickey’s Dev Tools Pro for additional tools and features: * **Palette Generator** — Interactive color wheel with 7 harmony modes. Export as CSS or SCSS variables. * **Code Formatter** — Auto-format JSON, HTML, CSS, JavaScript, and SQL * **Diff Checker** — Side-by-side text comparison with highlighted differences * **HTML Table Generator** — Visual table builder with CSV import * **Test Data Generator** — Generate realistic fake data (names, emails, addresses, etc.) * **Flexbox** — Per-item controls (flex-grow, flex-shrink, flex-basis, align-self, order) * **CSS Grid** — Templates (Holy Grail, Dashboard, 12-Col, etc.), custom definitions, per-cell spans * **Placeholder Image** — Social media presets and Data URI export * **Schema.org** — 5 additional types (Product, Person, Organization, Event, Recipe) * **QR Code** — Custom logo overlay #### Why Doohickey’s Dev Tools? * **Zero external dependencies** — Everything runs client-side in your browser * **No data leaves your site** — Your code and content stay private * **Copy-ready output** — One-click copy for all generated CSS, HTML, and code * **Consistent interface** — Every tool follows the same clean, intuitive layout * **Lightweight** — Single JavaScript bundle, loads only on the tools page ### Source Code & Build Instructions 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: 1. Clone the repository 2. Run `npm install` to install dependencies 3. Run `npm run build` to compile the production bundle 4. The compiled files are output to the `build/` directory The project uses `@wordpress/scripts` for building. Source files are in `admin/js/`( JSX) and `admin/css/` (CSS). ## Screenshots * [[ * CSS Gradient Generator with full sidebar navigation * [[ * Box Shadow Generator with visual preview and layered shadow controls * [[ * Color Converter with HEX, RGB, HSL, HWB, and CMYK output * [[ * Contrast Checker with WCAG 2.1 AA/AAA compliance results * [[ * Border Radius Generator with shape presets and per-corner controls * [[ * Schema.org Generator with Article structured data and JSON-LD output * [[ * QR Code Generator with custom colors * [[ * SVG to PNG Converter with file upload and code paste options ## Installation 1. Go to **Plugins Add New** in your WordPress admin 2. Search for «Doohickey’s Dev Tools» 3. Click **Install Now**, then **Activate** 4. Navigate to **Doohickey’s** in your admin sidebar 5. Start building! ## FAQ ### Does this plugin affect my site’s frontend? No. Doohickey’s Dev Tools only loads on its own admin page. It adds zero scripts, styles, or markup to your public-facing site. ### Do I need to be online for the tools to work? Most tools work entirely offline once the page is loaded. The QR Code generator and Placeholder Image generator use client-side rendering. No external API calls are made. ### What does the Pro version include? Pro unlocks 5 additional tools (Palette Generator, Code Formatter, Diff Checker, HTML Table Generator, Test Data Generator) plus advanced features in 5 more tools. The Pro version is available separately at mosaiclifecreative.com. ### Is my code/data sent anywhere? Never. All processing happens in your browser. Nothing is transmitted to external servers. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Doohickey's Dev Tools” is open source software. The following people have contributed to this plugin. Contributors * [ mosaiclifecreative ](https://profiles.wordpress.org/mosaiclifecreative/) [Translate “Doohickey's Dev Tools” into your language.](https://translate.wordpress.org/projects/wp-plugins/doohickeys-dev-tools) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/doohickeys-dev-tools/), check out the [SVN repository](https://plugins.svn.wordpress.org/doohickeys-dev-tools/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/doohickeys-dev-tools/) by [RSS](https://plugins.trac.wordpress.org/log/doohickeys-dev-tools/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.4 * Fixed: plugin no longer deactivates itself after updating from 1.0.2 #### 1.0.3 * Smooth upgrade path: free version auto-deactivates when Pro is installed * Updated installation instructions #### 1.0.2 * Renamed plugin to Doohickey’s Dev Tools * New slug: doohickeys-dev-tools * Updated Freemius configuration for WordPress.org compliance * Free tools are fully functional with no locked features * Pro tools and features available separately via upgrade #### 1.0.1 * Renamed to «by Mosaic Life Creative» * Default gradient fix * Tested up to WordPress 6.9 #### 1.0.0 * Initial release * 21 free developer tools across 6 categories * Modern React-powered interface * Fully client-side — no external API calls ## Meta * Version **1.0.4** * Last updated **1 mes ago** * Active installations **Fewer than 10** * WordPress version ** 5.8 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/doohickeys-dev-tools/) * Tags * [color picker](https://pe.wordpress.org/plugins/tags/color-picker/)[css generator](https://pe.wordpress.org/plugins/tags/css-generator/) [developer-tools](https://pe.wordpress.org/plugins/tags/developer-tools/)[web development](https://pe.wordpress.org/plugins/tags/web-development/) * [Advanced View](https://pe.wordpress.org/plugins/doohickeys-dev-tools/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/doohickeys-dev-tools/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/doohickeys-dev-tools/reviews/) ## Contributors * [ mosaiclifecreative ](https://profiles.wordpress.org/mosaiclifecreative/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/doohickeys-dev-tools/)