The WordPress-first developer toolbox

Free WordPress & Web Development Tools

WordPress code generators, CSS generators, JSON formatters and SEO tools that run in your browser. Built for developers, designers, freelancers and agencies.

  • 91 free tools
  • No sign-up
  • Runs in your browser
  • One-click copy

Browse by category

Online tools for WordPress developers and front-end work, grouped the way you build.

  • WordPress Tools

    Generate custom post types, ACF fields, redirects, .htaccess rules and functions.php snippets.

  • CSS Tools

    Visual generators for gradients, shadows, layouts and animations, plus unit and color converters.

  • HTML Tools

    Format, minify, encode and generate HTML markup for tables, iframes, favicons and meta tags.

  • Developer Tools

    JSON formatting and validation, encoders, regex testing, UUIDs, hashes and timestamps.

  • SEO Tools

    Meta tags, schema markup, Open Graph, sitemaps, UTM links and SERP previews.

  • Web Utilities

    Word counters, case converters, text cleanup, line tools and handy calculators.

The generators and formatters developers reach for most.

View all tools
  • JSON Formatter

    Format, beautify and validate JSON with readable indentation, key sorting and clear error messages.

  • CSS Gradient Generator

    Create linear, radial and conic CSS gradients visually and copy the CSS instantly.

  • WordPress Custom Post Type Generator

    Generate register_post_type() code with every label, REST and block-editor support, rewrite rules and menu icons — as a snippet or plugin.

  • CSS Box Shadow Generator

    Design layered CSS box shadows visually — offsets, blur, spread, color and inset — and copy clean CSS.

  • PX to REM Converter

    Convert pixels to rem (and back) instantly with any root font size, a full reference table and a bulk CSS converter.

  • WordPress ACF Field Generator

    Build Advanced Custom Fields groups visually and export acf_add_local_field_group() PHP plus escaped template code.

  • Meta Tag Generator

    Generate a complete, valid <head> snippet: title, description, robots, canonical, hreflang, theme-color, verification and social basics.

  • Base64 Encoder

    Encode text or files to Base64 with correct UTF-8 handling, URL-safe output, MIME line wrapping and ready-to-use data URIs.

  • WordPress .htaccess Generator

    Build a clean WordPress .htaccess with HTTPS, www redirects, security hardening, caching and compression rules.

  • Open Graph Generator

    Create Open Graph meta tags for any page type and preview how links will look on Facebook, LinkedIn and X before you share.

  • Slug Generator

    Turn titles into clean, SEO-friendly URL slugs with transliteration, stop-word removal, length limits and bulk mode.

  • Regex Tester

    Test JavaScript regular expressions live with match highlighting, capture groups, replace preview and a library of common patterns.

Why use Utilo

Online developer tools that respect your time.

  • Free to use

    No subscription, account or trial for any of the core tools.

  • Browser-based

    Most tools process your input with JavaScript right on the page. Each tool says when it does.

  • Developer-focused

    Built around real WordPress and front-end workflows, with output you can paste straight into a project.

  • Fast

    Lightweight pages and instant results as you type — no waiting for a server round trip.

  • No installation

    Nothing to install or update. Open a tool, use it, copy the result.

  • Mobile friendly

    Interfaces rearrange for tablets and phones instead of shrinking the desktop layout.

Guides

Short, practical explanations of the concepts behind the tools.

All guides
  • 8 min read

    CSS Box Shadow Guide

    How box-shadow works, how to layer shadows for realistic elevation, when to use drop-shadow() instead, and how to animate shadows and build focus rings without hurting performance.

  • 9 min read

    CSS Gradient Guide: Linear, Radial and Conic

    How linear-gradient(), radial-gradient() and conic-gradient() work, from angles and color stops to hard stops, layering, text gradients and modern color interpolation.

  • 9 min read

    How robots.txt Works

    How crawlers read robots.txt under RFC 9309, how rule precedence really works, why blocking a URL does not remove it from search, and how WordPress handles the file.

Frequently Asked Questions

Is Utilo really free?

Yes. Every tool is free to use, with no account, trial or usage limit.

Is my data uploaded to a server?

No. The tools process what you type or paste with JavaScript in your own browser, and tool pages that work this way are marked “Runs in your browser”. Nothing you enter is stored or sent to us.

Which WordPress code generators are available?

You can generate custom post types, custom taxonomies, ACF field groups (PHP and JSON), shortcodes, WP-Cron events, .htaccess rules, 301 redirects, robots.txt files and common functions.php snippets. Browse them all on the WordPress tools page.

Can I use the generated code in client projects?

Yes. The output is plain code that you are free to use in personal, client and commercial projects. Review it and test on a staging site before deploying, as you would with any code.

Do the tools work on a phone or tablet?

Yes. Every tool is designed to work on small screens, so you can format JSON, convert units or check a meta description from any device.