Doohickey's Dev Tools
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
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.)
