Code snippets that actually work. Finally.

Create beautiful CSS gradients with a visual editor

Stack multiple shadows with visual controls and copy clean CSS

Design readable text shadows with live preview and copy CSS

Round corners independently and export shorthand or longhand CSS

Build frosted glass effects with backdrop-filter and transparency

Clip elements with polygon shapes and drag points to edit

Visual builder for CSS mask-image — linear, radial, and conic gradient masks with Tailwind class output

Interactive playground for overflow, white-space, word-break, overflow-wrap, and hyphens

Experiment with flex properties and see the CSS update live

Define CSS Grid rows, columns, and gaps with a live preview

Generate fluid CSS clamp() values for responsive typography and spacing

Generate a modular spacing scale with CSS custom properties

Live read-out of viewport size, visualViewport, safe-area insets, and DPR

Generate color palettes from a base color using harmony modes

Check WCAG contrast ratios between foreground and background colors

Convert colors between HEX, RGB, HSL, and OKLCH

Generate a 10-step tint and shade scale from a base color

Test regular expressions with live match highlighting

Format, validate, and minify JSON with error highlighting

Encode and decode text and images to Base64

Generate UUIDs and convert between unix timestamps and dates

Cryptographically secure passwords and EFF-style passphrases with a live entropy meter

Consolidate a list of strings into a compact regex by sharing common prefixes

Identify file types from magic bytes — fully client-side, file never leaves the browser

Encode and decode HTML entities and URL components, with a quick reference table

Searchable reference for every HTTP status code with descriptions and when to use them

Build a functions.php file from common WordPress snippets

Toggle common wp-config.php constants with explanations