TYPEFree
Type Scale Generator
Build a modular type scale from a base size and a ratio, preview every step at its real size, and copy it out as CSS custom properties.
--font-size-lg: 1.953rem;CSS →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.
Tools
COMPOSITIONFree
Rule of Thirds Calculator
Grid lines and intersections in pixels for any frame, with the golden-ratio grid beside them and what a centred social crop leaves of your composition.
A convention from 1797, not a lawArithmetic →SCREENFree
Screen Resolution Checker
Every measurement the browser reports, each next to what it actually measures, since screen, window, viewport and pixel ratio are four different numbers.
Viewport is not screen sizeBrowser →UNITSFree
PX to Inch Converter
CSS pixels to inches at the anchored 96 to the inch, with the 72-point publishing inch alongside it and what a real display does to both.
96 in CSS, 72 points in printCSS Values →UNITSFree
PX to REM Converter
Convert pixel sizes to rem, or back, against whatever root font size your site uses, with a reference table for the sizes you reach for most.
24px = 1.5remCSS Values 4 →UNITSFree
PX to VH Converter
Pixels to vh across eight viewports, with the svh and dvh figures, because 100vh on a phone is taller than the screen and hides whatever is at the bottom.
600px at 1080 = 55.5556vh · svh 413pxCSS Values 4 →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 phoneCSS Values 4 →UNITSFree
Percentage to PX Converter
Percentages to pixels with the basis named per property, including the one everybody trips on: percentage padding resolves against width, even top and bottom.
25% of 1200px = 300px · padding % is of widthCSS Values 4 →IMAGE SIZEFree
Pixel to Megabyte Calculator
What pixel dimensions cost in bytes uncompressed, as a file in each format, and in browser memory once decoded, which is the number that crashes phones.
Decoded memory ignores the file sizeArithmetic →UNITSFree
PT to PX Converter
Points to pixels at the exact 4:3 ratio CSS fixes, with the table of common sizes and the reason your screen's DPI has nothing to do with it.
12pt = 16px exactly · 1pt = 4/3pxCSS Values 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
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 bytesWordPress-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