Code & Configuration Generators
Generate code snippets, design assets, and configuration files without digging through documentation or templates. Passwords, UUIDs, favicons, QR codes, CSS gradients, nginx configs, robots.txt — configure what you need visually, copy the output, and move on.
37 tools
CSS Flexbox & Grid Playground
Interactive CSS Flexbox and Grid playground with live visual preview and code output
QR Code Generator
Generate QR codes for URLs, text, WiFi, and app flows — export SVG/PNG or automate generation via free API
Password Generator
Generate strong, cryptographically secure passwords with customizable length, character sets, and entropy meter
CSS Box Shadow Generator
Visual CSS box-shadow generator with multiple layers, live preview, presets, and instant CSS copy
Color Palette Generator
Generate accessible color palettes and convert HEX/RGB/HSL for UI systems, design tokens, and branding workflows
SVG Path Editor
Interactive SVG path editor with visual canvas, operations, and command reference
Favicon Generator
Generate favicons from text or emoji in all standard sizes with HTML and PWA manifest snippets
CSS Gradient Generator
Visual gradient builder with live preview — create linear, radial, and conic gradients with color stops and CSS output
Meta Tag Generator & Previewer
Generate SEO meta tags with live Google, Facebook, and Twitter card previews
Test Data Generator
Generate realistic test data in JSON, CSV, and SQL — names, emails, addresses, and 25+ types with custom schemas
Placeholder Image Generator
Generate custom placeholder images with configurable dimensions, colors, and text — download as PNG
Nginx Config Generator
Generate nginx configurations for reverse proxy, SSL, static sites, and load balancers with security headers
robots.txt Generator & Validator
Generate and validate robots.txt with user-agent rules, sitemap URLs, and AI scraper blocking — download or copy instantly
Git Commit Message Generator
Generate conventional commit messages with proper formatting — supports types, scopes, breaking changes, and issue references
ASCII Art Generator
Convert text to ASCII art with 10 unique fonts — perfect for README files, terminal banners, and code comments
UUID Generator
Generate UUID v4 and UUID v7 with bulk output and format controls
Markdown Table Generator
Visual spreadsheet-like table editor that outputs clean Markdown tables with CSV import and alignment controls
htaccess Generator
Visual Apache .htaccess file generator with redirects, rewrites, security headers, caching rules, and access control
launchd Plist Generator
Visual macOS launchd plist XML file generator for daemons and scheduled tasks with calendar intervals and install commands
Lorem Ipsum Generator
Generate placeholder text in various formats
README Generator
Generate clean README.md templates with project structure and usage sections
Changelog Generator
Generate categorized changelog documents from commit lists
CSS Animation Generator
Visual CSS keyframe animation builder. Define keyframes, set timing functions, duration, delay, iteration count. Live preview and copy generated CSS.
CSS Text Shadow Generator
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.
TSConfig Builder
Visually compose tsconfig.json with target, module, strictness, paths, project references. Live JSON preview, copy to clipboard, with explanations of each compiler option.
ESLint Flat Config Builder
Build modern eslint.config.js (flat config) with rule presets, plugin imports, file-glob overrides, and ESM output. Includes legacy .eslintrc to flat-config migration.
Biome Config Builder
Compose biome.json for the Biome formatter and linter with formatter, linter, organize-imports, and per-rule severity. Side-by-side comparison against an equivalent ESLint+Prettier setup.
Prettier Config Builder
Build .prettierrc with options (printWidth, tabWidth, semi, singleQuote, trailingComma, etc.) and a live formatted-code preview showing how each option affects sample code.
Vite Config Builder
Compose vite.config.ts with framework presets (React/Vue/Svelte/Astro), plugins, server options, build options, and SSR/library mode. Outputs typed TypeScript.
Bun Config Builder
Build bunfig.toml plus Bun-flavored package.json scripts. Includes a Node.js to Bun migration assistant flagging the known incompatibility surface (sqlite, vm, cluster, etc.).
Wrangler TOML Builder
Compose Cloudflare Workers wrangler.toml or wrangler.jsonc with bindings (KV, D1, R2, Durable Objects, Queues, Hyperdrive), routes, vars, compatibility flags, and triggers. Outputs TOML and JSONC side-by-side.
Deno Permissions Builder
Visually select Deno --allow-* flags (read, write, net, env, run, sys, ffi, hrtime), build deno.json/deno.jsonc tasks, and produce the equivalent CLI invocation. Explains permission scope per flag.
Systemd Unit Builder
Build systemd .service, .timer, and .socket unit files with directives for Type, ExecStart, User, Restart, Environment, After, WantedBy. Validates required directives and outputs ready-to-install unit.
Caddyfile Builder
Build a Caddy v2 Caddyfile with reverse-proxy, file-server, redirect, header, route, and TLS directives. Multi-site composition with snippets, named matchers, and generated environment-specific overrides.
CSS Grid Generator
Visually compose grid-template-columns, rows, and named areas. Click cells to paint regions, drag tracks, and copy minimal CSS plus matching Tailwind utility classes.
Tailwind v4 Theme Builder
Compose a Tailwind v4 @theme block with design tokens — colors, spacing, fonts, breakpoints, container sizes — preview swatches and dark-mode pairing, export the CSS variable bundle.
MSW Handler Builder
Visually compose Mock Service Worker REST and GraphQL handlers with matchers, response shapes, delays, and one-shot semantics. Exports MSW v2 handlers.ts.
Category facts
This category currently contains 37 tools in Generator. For machine-readable discovery, see /api/tools-by-category.json.
How do I browse similar tools? Use category pages and related links on each tool page to navigate adjacent workflows quickly.
How often are counts updated? Counts are generated from the canonical tools metadata at build time.