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.

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

Tools

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 →
CSSFree

Neumorphism CSS Generator

Build a soft UI surface from one colour and two derived shadows, with the contrast ratio that decides whether the result is usable printed next to it.

box-shadow: 9px 9px 18px #999DA2, -9px -9px 18px #EDF0F4;
Contrast firstCSS →
CSSFree

Glassmorphism CSS Generator

Build a frosted glass card over a real background, with the readable fallback and the Safari prefix written for you.

backdrop-filter: blur(12px) saturate(140%);
Blur · tint · fallbackFilter Effects 2 →
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 →
CSSFree

CSS Gradient Text Generator

Paint a gradient through text with background-clip, in the declaration order that leaves legible text when a browser does not support it.

background-clip: text; color: transparent;
With a fallbackCSS →
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 →
MOTIONFree

GSAP Animation Generator

Writes a GSAP tween, with ScrollTrigger if you want it, and a reduced-motion guard that makes the movement optional rather than the arrival.

scrollTrigger: { scrub: 0.6 }
Reduced motion handledGSAP 3 →
CSSFree

Custom Scrollbar CSS Generator

Style a scrollbar with the standard two properties and the WebKit pseudo-elements, previewed on a box that actually scrolls in both directions.

scrollbar-color: #8a8a99 #f1f1f4;
Standard + WebKitCSS →
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 →

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.