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 →WordPress 7.1+ Ready345 tools in this category
Design Tools
The decisions behind a design, made explicit: colour you can defend, CSS you would otherwise nudge by hand, and the units a layout rests on.
Tools
UNITSFree
PX to CM Converter
CSS pixels to centimetres at 37.795276 to the centimetre, and why that centimetre is not a centimetre on any screen you own.
Dependable in print, fiction on screenCSS Values →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 →COLORFree
Random Color Generator
Random colours drawn in HSL with the hues spread around the wheel, each one with its contrast against black and white, so the set is usable rather than mud.
5 hues 72° apart · contrast on both printedcrypto.getRandomValues →COLORFree
Material Color Palette Generator
A tonal palette from one colour, the Material 3 way, with the contrast at every step and an honest note about what Material 2's hand-picked palettes were.
#1e56ec → 10 tones, contrast eachArithmetic →CSSFree
Mesh Gradient Generator
Soft overlapping radial gradients that read like a mesh gradient, previewed at hero size with text on them, and reproducible from a seed.
Four radial gradients over a baseCSS →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 measurementCSS Values →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