WordPress 7.1+ Ready345 tools in this category

Typography & Units Tools

The measurements behind a layout: type scales, font pairings, ratios, and converting between the units CSS and print disagree about.

345
Active tools
39
Categories
$0
No signup
Local
Runs in browser

Tools

UNITSFree

PX to VW Converter

Pixels to vw, then the same vw across eight viewport widths so you can see it collapse on a phone, plus the clamp() that stops it.

48px at 1920 = 2.5vw · 9px on a phone
With the clampCSS Values 4 →
UNITSFree

Inch to CM Converter

Inches to centimetres at exactly 2.54, which has been the definition since 1959, with the pixel and point equivalents alongside.

Exact since 1959, not a rounding
2.5 is 1.6% outArithmetic →
UNITSFree

MM to PX Converter

Millimetres to CSS pixels at the specified 3.779528 to the millimetre, plus what those pixels actually measure on a real screen.

Exact by definition, not by measurement
A4 is 793.7pxCSS Values →
RATIOFree

Golden Ratio Calculator

Divide a length at φ, get the type scale and the golden rectangle, and read why the ratio is useful without being the law of beauty it is sold as.

960px → 593.313 + 366.687 · scale to 109.666px
Scale and rectangleArithmetic →
GRIDFree

Grid Column & Gutter Calculator

Column width from container, columns and gutter, solved in any direction, with the span table and the reminder that twelve columns have eleven gutters.

1200px, 12 cols, 24px gap → 78px · span 4 = 384px
Solves any directionArithmetic →
PRINTFree

DPI to PPI Converter

What an image prints at, what resolution a size needs, and why a 1200 dpi printer wants a 150 ppi file rather than a 1200 ppi one.

Dots of ink are not pixels
Halftone mathsArithmetic →
SEQUENCEFree

Fibonacci Sequence Calculator

Fibonacci terms through BigInt, exact past F(79) where a JavaScript number stops being, with the golden ratio convergence decided exactly.

A double is wrong from term 79
BigInt exactBigInt →
TYPEFree

Font Pairing Generator

Fourteen font pairings that work, set in your own words, with the CSS, the theme.json or the link tags to put them on a site.

--font-heading: "Fraunces", Georgia, serif;
14 pairs · CSS · theme.jsonGoogle Fonts →
UNITSFree

CSS Font Size & Unit Converter

Convert one CSS length into every other unit, with the context each relative unit depends on stated rather than assumed.

2rem → 32px · 24pt · 2.5vw
Context statedCSS Values 4 →
UNITSFree

Aspect Ratio Calculator

Work out the missing dimension at a given ratio, see the ratio reduced to its smallest terms, and copy the CSS that holds it at any width.

1200 wide at 16 / 9 → 675 tall
Reduced terms · CSSCSS Sizing 4 →

Intuitive Workflow

Three steps. Zero onboarding hurdles.

Generate valid, ready-to-paste WordPress code in seconds without configuring a local runtime.

Select your utility

Pick a generator, converter or formatter by category, or search the catalogue by name, hook or function.
Filter by what you need

Configure parameters

Fill in typed fields and toggles; the output updates live and flags invalid values as you type.
Live validation

Copy or download

Get copy-ready PHP snippets, JSON or text, or download a file straight into your project.
Nothing you type is uploaded

Nothing leaves the tab

Your input is never uploaded

Answers as you type

No submit button, no waiting

1-Click exports

Copy, download or share a link

100% Free forever

Built by Pixarlabs for WordPress

New tools

New WordPress tools delivered directly to your inbox.

Get an email when a new generator, converter or formatter goes live. Nothing else.

No marketing spam. Unsubscribe at any time.

Built for scale

Why engineers prefer BucketWP

Clean output that follows WordPress conventions, no bloat, and everything computed in your browser.

100% Client-Side Engine

Tools run in your browser. Database names, prefixes and secret salts you type are never sent to a server.

$ uploaded: 0 bytes

WordPress-Style PHP

Generated code uses translatable labels, safely quoted values and the core hooks WordPress expects.

$ add_action( 'init', 'register_book' );

Copy, Download or Share

Copy the result, download a ready file, or share a link that restores your settings.

$ download wp-config.php

Missing a WordPress generator?

Read how the tools work in the docs, or browse the full catalogue for the closest match.