Free online tools for developers, designers and copywriters
Online utilities for WordPress developers, Figma designers and copywriters — zero dependencies, zero login, straight in the browser.
A collection of technical tools built for everyday work on web projects: convert CSS units, generate SEO-friendly WordPress slugs, check WCAG contrast, build queries with WP_Query Builder, format JSON, encode in Base64 and much more. Every tool is a standalone file — no frameworks, no tracking, no data sent to external servers. Select a category or browse the full list.
Instantly convert CSS values between px, rem and em with a customisable base font size. The essential tool for every front-end developer writing CSS by hand on WordPress themes.
Calculate and compare the specificity of CSS selectors in real time. Find out why one rule overrides another and resolve stylesheet conflicts without reaching for !important.
Instantly convert colours between HEX, RGB, RGBA, HSL, HSLA and HSB/HSV with a live preview. Copy any format in one click, ready for your stylesheet or design system token.
Generate fluid typographic scales with CSS clamp() from H1 to body text. CSS custom properties output for WordPress themes — no breakpoint overrides required for each level.
Create CSS shadows with a visual interface and live preview. Multiple shadows, inset, CSS custom variable export and a preset library for WordPress themes and e-commerce.
Visualise and compare CSS easing curves with live animation. Generate custom cubic-bezier() functions, compare against native easings and copy the output for transitions and animations.
Generate SEO-friendly WordPress slugs from titles in any language, with automatic sanitisation of accents, spaces and special characters. Polylang support and URL preview included.
Build WordPress queries with a visual interface. Generate complete WP_Query PHP code with tax queries, ACF meta fields, orderby params and wp_reset_postdata() — ready for your theme template.
Generate security constants for wp-config.php: debug settings, DB prefix, auth keys and forced HTTPS. Interactive checklist with PHP snippets for development and production environments.
Calculate all image dimensions generated by WordPress from the original upload. Simulate your theme's add_image_size() and see exactly which crops are produced for each format.
Convert readable labels into valid ACF field names: lowercase, underscores, no spaces. The daily micro-tool for anyone building WordPress themes with Advanced Custom Fields.
Check that translatable strings are correctly registered in Polylang and generate pll_register_string() snippets ready to paste into functions.php.
Convert Figma Variables JSON into CSS custom properties ready for your WordPress theme. The direct bridge between design system and stylesheet — zero manual copy-pasting.
Generate spacing scales based on a 4pt/8pt grid with output in px, rem and CSS custom properties. The consistent spacing system for professional WordPress themes.
Calculate aspect ratio and proportional dimensions with modern CSS aspect-ratio output and the padding-top trick. For images, videos and responsive containers in WordPress themes.
Generate tint and shade scales from a brand colour with CSS custom properties output and integrated WCAG contrast check. From a single brand colour to a complete colour system.
Pair complementary Google Fonts with a live preview on a sample interface. Tested heading + body combinations with readability score and ready-to-use CSS snippet.
Check the length and SERP preview of your meta title and description. Simulate your Google result on desktop and mobile with real-time character count feedback.
Convert text to uppercase, lowercase, Title Case and Sentence case in one click. The daily typography tool for copywriters, content editors and web writers.
Simulate Open Graph card previews on Facebook, LinkedIn and X before publishing. Check your OG title, description and image exactly as they will appear when shared.
Generate JSON-LD structured data for Article, LocalBusiness, FAQ and BreadcrumbList. HTML script tag output and PHP snippet for wp_head() with dynamic ACF fields support.
Estimate reading time with a customisable speed setting and advanced text statistics: word count, characters, lexical density and time distribution. WordPress PHP snippet included.
Calculate product combination price impacts in PrestaShop with Italian VAT support. For e-commerce managers handling complex variant catalogues with CSV export for import.
Calculate selling price, profit margin and markup for WooCommerce products with Italian VAT handling. Monthly volume profit projection and scenario comparison included.
Calculate and reverse-calculate Italian VAT at 4%, 10% and 22% rates simultaneously. Batch mode, CSV export and WooCommerce PHP snippets included.
Calculate e-commerce conversion rate and simulate the revenue impact of percentage improvements. Analysis by channel, device and period with incremental revenue projection.
Check the contrast ratio between text and background against WCAG 2.1. Instant feedback on AA and AAA levels for normal and large text, with optimisation suggestions.
Test typographic readability with a live preview across 72 Google Fonts and a WCAG evaluation. Visual simulation for elderly and low-vision users included. Fonts loaded lazily.
Verify interactive element sizes against WCAG 2.5.5 (44×44px). Visual canvas, instant corrective CSS and an exportable report for accessible WordPress themes.
Analyse H1-H6 hierarchy and detect structural errors: level skips, duplicate H1s, empty headings. Interactive visual tree and PHP fix suggestions for WordPress templates.
Convert strings between all naming convention formats: camelCase, PascalCase, snake_case, kebab-case, SCREAMING_SNAKE and more. The daily tool for PHP, CSS and JavaScript developers.
Bidirectional ASCII-hexadecimal converter online. Transform text into hex sequences and back, with decimal and octal value display and a full ASCII reference table.
Encode and decode Base64 in real time with support for text, URLs and files. Handles padding, URL-safe variants and multi-line output — the everyday encoding tool for developers.
Encode and decode URLs and query strings in real time. Distinguishes between encodeURI and encodeURIComponent, handles special characters and spaces for safe GET parameters and slugs.
Format, validate and minify JSON with syntax highlighting, precise error detection and interactive tree navigation. The essential tool for anyone working with REST APIs and ACF.
Generate strong passwords using crypto.getRandomValues(). Customisable length, ambiguous character exclusion, entropy indicator and mnemonic mode — 100% client-side.
