BucketWP
Browse Tools
Menu
WordPress 7.1+ Ready345 tools in this category

Visual CSS Tools

The visual CSS you would otherwise nudge by hand: gradients, shadows, transforms and filters, with the code updating as you drag.

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

Showing 25 tools

Runs in your browser

Tools

CSSFree

CSS Cubic Bezier Easing Generator

Build an easing curve, watch the browser run it, and read what share of the distance is covered at each share of the time. Overshoot is drawn, not clipped.

cubic-bezier(0.34, 1.56, 0.64, 1)
OvershootCSS →
CSSFree

Animated CSS Background Generator

Three animated backgrounds with what each costs: one repaints every frame, two are composited, and all of them stop under prefers-reduced-motion.

Composited, or repainted every frame
Reduced motionCSS →
CSSFree

CSS Border Radius Generator

Round corners with a live preview and the shortest CSS: one value when every corner matches, four when none do, elliptical corners when you need an egg.

border-radius: 24px 24px 0 8px;
Per corner · ellipticalCSS Backgrounds 3 →
CSSFree

CSS Box Shadow Generator

Build a CSS box-shadow with live preview, including layered shadows that read as one soft shadow rather than a hard edge.

box-shadow: 0 4px 12px rgb(0 0 0 / 0.2);
Layers & insetCSS →
DESIGNFree

AI Wireframe Generator

A page as a column of named sections with what goes in each, and three lines on why that order. Words rather than boxes: the order is the argument.

Sections, in order, with why
Words, not boxesModel →

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.

Browse all tools
Documentation