The visual CSS you would otherwise nudge by hand: gradients, shadows, transforms and filters, with the code updating as you drag.
Build a text-shadow with a live preview: single, soft, glow, outline, emboss or a stepped long shadow, each a layer recipe made for thin strokes.
text-shadow: 2px 2px 4px rgb(11 16 32 / 0.6);CSS Text Decoration 3 →Smooth random blobs that fit their viewBox exactly, because the bounds are solved rather than guessed, with the SVG, a CSS background and a clip-path.
6 points · 45% wobble · fits the box exactlycrypto.getRandomValues →Build a section divider as inline SVG: waves, a curve, a tilt, an arrow or steps, on a stretching viewBox so it fits any width.
<svg viewBox="0 0 1440 120" preserveAspectRatio="none">SVG 1.1 →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 →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;CSS →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;CSS →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 }GSAP 3 →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%);Filter Effects 2 →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;CSS →Lay out a flex container with real items to watch, and copy only the properties that differ from the browser's defaults.
display: flex; justify-content: space-between; gap: 16px;CSS Flexbox 1 →Generate valid, ready-to-paste WordPress code in seconds without configuring a local runtime.
Your input is never uploaded
No submit button, no waiting
Copy, download or share a link
Built by Pixarlabs for WordPress
Clean output that follows WordPress conventions, no bloat, and everything computed in your browser.
Tools run in your browser. Database names, prefixes and secret salts you type are never sent to a server.
$ uploaded: 0 bytesGenerated code uses translatable labels, safely quoted values and the core hooks WordPress expects.
$ add_action( 'init', 'register_book' );Copy the result, download a ready file, or share a link that restores your settings.
$ download wp-config.php