Code & Configuration Generators

Experiment with CSS Flexbox and Grid layouts using visual controls, a live preview and per-item settings, then copy the generated CSS.

Generate QR codes for URLs, text, WiFi, email, phone numbers and vCards with custom colors and error correction, as SVG or PNG.

Generate strong, cryptographically secure passwords with customizable length, character sets, and entropy meter

Create layered CSS box shadows with sliders for offset, blur, spread, color, opacity and inset, start from presets, and copy the CSS.

Generate color palettes from a base color with six harmony rules, lock colors, check contrast, and export CSS, SCSS, Tailwind or JSON.

Edit SVG path d attributes on a canvas with draggable points, and reverse, mirror, scale, round or convert paths to absolute commands.

Generate favicons from text or emoji in all standard sizes with HTML and PWA manifest snippets

Create linear, radial and conic CSS gradients with multiple color stops, angle and shape controls and presets, then copy the CSS.

Generate SEO meta tags with live Google, Facebook, and Twitter card previews

Generate up to 1,000 rows of fake test data from a custom schema of typed fields, as JSON, CSV or PostgreSQL and MySQL INSERTs.

Generate placeholder images at any width and height with custom colors, label and font size, as a PNG download, data URL or img tag.

Generate nginx configurations for reverse proxy, SSL, static sites, and load balancers with security headers

Generate robots.txt with per-bot Allow and Disallow rules, crawl-delay, sitemap URLs and AI crawler blocks like GPTBot, or validate an existing file.

Generate Conventional Commits messages with a type, optional scope, body, BREAKING CHANGE footer and issue references, with a subject length check.

Turn up to 20 characters of text into ASCII art banners in 10 FIGlet-style fonts for README files, terminal output and code comments.

Generate random UUID v4 or time-ordered UUID v7 values, up to 100 at a time, in standard, no-dash or uppercase format.

Edit a table in a spreadsheet-style grid and copy it as a Markdown table, with column alignment, padded output and CSV or Markdown import.

Generate an Apache .htaccess file with redirects, mod_rewrite rules, forced HTTPS, security headers, caching, compression and IP blocking.

Generate macOS launchd plist XML for LaunchAgents with KeepAlive, StartInterval or StartCalendarInterval schedules and the launchctl commands.

Generate lorem ipsum placeholder text as paragraphs, sentences or words, from classic Latin, hipster or plain English word lists.

Generate a README.md scaffold with title, description, features, installation, usage and license sections from a project name and feature list.

Turn a list of commit subjects into a Markdown changelog grouped into breaking changes, features, fixes, performance, docs and chores.

Build a CSS @keyframes animation from bounce, fade, slide, pulse or shake presets, set duration, delay, easing and fill mode, and copy the CSS.

Build and preview CSS text-shadow effects interactively. Stack multiple shadow layers, use presets like neon or retro, and copy the ready-to-use CSS.

Build a tsconfig.json from five presets with target, module, strict flags, path aliases and project references, with an explanation of each option.

Build an ESLint 9 eslint.config.js from TypeScript, React, Vue and Node presets with custom rules and file overrides, or migrate a legacy .eslintrc.

Build a biome.json for Biome's formatter and linter with rule-group severity, import sorting and VCS ignore, plus an ESLint+Prettier comparison.

Build a Prettier config (printWidth, tabWidth, semi, quotes, trailingComma), preview it on sample code, and export JSON, YAML, package.json or JS.

Build a typed vite.config.ts for React, Vue, Svelte, Preact or Solid with plugins, aliases, a dev server proxy, build options and SSR or library mode.

Build bunfig.toml and Bun package.json scripts from six presets, and scan Node code for APIs that behave differently under Bun, like vm and cluster.

Build a Cloudflare Workers config as wrangler.toml and wrangler.jsonc with KV, D1, R2, Durable Objects, Queues, Hyperdrive, routes, vars and crons.

Scope Deno --allow-* flags (read, write, net, env, run, sys, ffi, import), see a risk score, and copy the deno run command or deno.json tasks.

Build systemd .service, .timer and .socket unit files with ExecStart, User, Restart, Environment and hardening directives, validated before install.

Build a multi-site Caddy v2 Caddyfile with reverse_proxy, file_server, redir, header and tls, plus snippets, named matchers and dev or prod globals.

Visually compose grid-template-columns, rows, and named areas. Click cells to paint regions and copy minimal CSS plus matching Tailwind utility classes.

Build a Tailwind v4 @theme block of color, spacing, font, breakpoint and container tokens, with dark color values by media query or .dark class.

Visually compose Mock Service Worker REST and GraphQL handlers with matchers, response shapes, delays, and one-shot semantics. Exports MSW v2 handlers.ts.

Generate UUIDv7, ULID and NanoID identifiers in bulk with crypto.getRandomValues, and decode the timestamp inside a UUIDv7 or ULID.

Generate a CSS clamp() value for fluid typography or spacing from min and max sizes and a viewport range, with a live preview that scales.

Edit a CSS cubic-bezier() easing curve by dragging control points or typing values, start from presets like ease-in-out or back, and preview it.

Generate a .editorconfig with a root [*] section and per-glob overrides for indent style and size, charset, line endings and trailing whitespace.

Generate a nested Markdown table of contents from your headings with GitHub- or GitLab-style anchor links, skipping headings in code fences.

Generate a sitemap.xml from absolute URLs with optional lastmod, changefreq and priority, skipping invalid lines and warning past 50,000 URLs.

Generate a .gitattributes file for line-ending normalization, binary files, Git LFS tracking and GitHub Linguist overrides.

Generate diceware passphrases from an embedded 1,296-word list with crypto.getRandomValues, choosing word count, separator and capitalization.

Build an HTTP Cache-Control header from presets or individual directives, with a plain-language explanation and warnings for conflicting directives.