Boneyard Tools

Generators

UUIDs, hashes, tokens and test data.

Developer Tools

Border Radius Generator

Round corners visually with four sliders, then copy the border-radius CSS. Includes a blob mode for organic shapes with a live preview.

Developer Tools

Color Palette Generator

Generate complementary, analogous, triadic, tetradic and monochromatic color palettes from one base color. Pick a hex, copy each shade as hex, RGB or HSL.

Developer Tools

Commit Message Generator

Build a clean Conventional Commit message. Pick a type, add a scope, description, body, breaking change and issue refs, then copy. Runs in your browser.

Developer Tools

Crontab Generator

Build a cron expression from simple fields. Pick a preset or set minute, hour, day, month and weekday, then copy the line for your crontab.

Developer Tools

CSP Builder

Build a Content-Security-Policy header from per-directive sources. Toggle report-only, report-uri and upgrade, then copy the header, meta tag or nginx line.

Developer Tools

CSS Animation Generator

Generate CSS keyframe animations with a live preview. Pick a preset like fade, slide, spin or bounce, tune the timing and copy the @keyframes code.

Developer Tools

CSS Filter Generator

Build a CSS filter visually. Drag sliders for blur, brightness, contrast, grayscale, sepia and more, see a live preview, and copy the filter code.

Developer Tools

CSS Grid Generator

Build CSS grid layouts visually. Set columns, rows, gaps and alignment, watch a live grid preview, and copy clean grid-template code for your project.

Developer Tools

CSS Transform Generator

Build a CSS transform visually. Drag sliders for translate, rotate, scale and skew, set the origin, watch a live preview and copy the transform code.

Developer Tools

CSS Triangle Generator

Make a pure CSS triangle with the border trick. Pick a direction, size and color, see a live preview, and copy the border CSS. No images or SVG.

Developer Tools

Cubic Bezier Generator

Build a custom CSS cubic-bezier() easing curve by dragging two control points. Preview the animation, pick a preset and copy the timing function.

Developer Tools

Docker Compose Generator

Build a valid docker-compose.yml in your browser. Add services, pick Postgres, MySQL, Redis, Mongo or Nginx presets, then copy or download the file.

Developer Tools

Dockerfile Generator

Generate a clean, idiomatic Dockerfile for Node, Python, Go, Rust, PHP, Ruby or static sites. Pick your options, then copy or download the file.

Developer Tools

ESLint Config Generator

Generate an ESLint config for JavaScript or TypeScript with React, Vue or Node. Pick a style, set semi, quotes and indent, then copy or download.

Developer Tools

Fake Data Generator

Generate realistic fake test data online. Pick fields like name, email and address, set a count and seed, then export to JSON, CSV or SQL. Free and private.

Developer Tools

File Hash Generator

Drop in a file to get its SHA-1, SHA-256, SHA-384 and SHA-512 checksums. Compare against an expected hash. Runs in your browser, the file never uploads.

Developer Tools

Flexbox Generator

Build CSS Flexbox layouts visually. Set direction, justify, align, wrap and gap, watch a live preview, and copy clean flex-container code.

Developer Tools

GitHub Actions Generator

Build a ready-to-use GitHub Actions CI workflow. Pick triggers, language, version matrix and steps, then copy or download the .github/workflows YAML.

Developer Tools

Gitignore Generator

Build a .gitignore from Node, Python, Java, Go, Rust, macOS, Windows and more. Pick your stacks, copy or download the file. Runs in your browser.

Developer Tools

GitLab CI Generator

Build a .gitlab-ci.yml pipeline for Node projects. Pick stages, jobs, caching and variables, then copy or download the file. Runs in your browser.

Developer Tools

Glassmorphism Generator

Create frosted glass CSS with a live preview. Set blur, transparency, tint, radius, border and shadow, then copy the backdrop-filter code.

Developer Tools

Hash Generator

Generate SHA-1, SHA-256, SHA-384 and SHA-512 hashes from any text. Live, lowercase hex output that runs entirely in your browser.

Developer Tools

Htaccess Generator

Build an Apache .htaccess file with toggles for HTTPS, www, redirects, blocked IPs, error pages, caching and compression. Copy or download it.

Developer Tools

HTML Table Generator

Turn CSV, TSV or a pasted grid into clean, semantic HTML table markup. Header row, thead and tbody, escaped cells. Copy or download. Runs in your browser.

Developer Tools

HTTP Header Builder

Build CORS, cache and security response headers, then copy them as raw HTTP, Nginx add_header or Apache Header set lines. Runs in your browser.

Developer Tools

JSON Schema Generator

Generate a JSON Schema from a JSON sample. Infers types, properties and required fields as draft-07, ready to copy or download. Runs in your browser.

Developer Tools

JSON to TypeScript

Generate TypeScript interfaces from a JSON sample. Infers nested objects, arrays and union types, then copy or download the .ts file. Runs in your browser.

Developer Tools

JWT Generator

Create a signed HS256 JSON Web Token from a JSON payload and secret. Signs in your browser, nothing is sent to a server. Great for testing.

Developer Tools

Kubernetes Manifest Generator

Generate a Kubernetes Deployment, Service and optional Ingress from a short form. Set image, replicas, ports, env and resources. Runs in your browser.

Developer Tools

License Generator

Generate a LICENSE file for your repo: MIT, Apache 2.0, BSD, GPL 3.0, ISC, MPL 2.0 or Unlicense. Fill in year and author, then copy or download.

Developer Tools

Makefile Generator

Build a Makefile from variables and targets, with build, test and clean presets for Node, Python, Go, Rust and C. Recipes are tab indented. Copy or download.

Developer Tools

Markdown Badge Generator

Create shields.io badges for your README. Set the label, message, color, style and logo, then copy the Markdown or HTML. Runs in your browser.

Developer Tools

Mesh Gradient Generator

Generate soft, multi-color mesh gradients as pure CSS. Pick a palette, set the blob count and copy a ready-to-paste background for your site.

Developer Tools

NanoID Generator

Generate NanoID strings online. Pick the size and alphabet, make one or thousands at once, then copy them. Secure, URL-safe and runs in your browser.

Developer Tools

Neumorphism Generator

Generate soft UI neumorphism CSS. Pick a base color, set size, distance, intensity and blur, see a live preview, and copy the box-shadow code.

Developer Tools

Nginx Config Generator

Build an Nginx server block for static sites, reverse proxies or PHP. Toggle SSL, gzip and body size, then copy or download nginx.conf.

Developer Tools

Password Generator

Generate strong, random passwords online. Choose length, letters, digits, symbols and skip look-alike characters. Created in your browser, never stored.

Developer Tools

Password Strength Checker

Check how strong your password is. See its entropy in bits, an estimated crack time and tips to improve it. Runs in your browser, never stored.

Developer Tools

Random Number Generator

Generate random numbers in any range online. Set a min, max and count, pick unique values, and copy the results. Secure and runs in your browser.

Developer Tools

README Generator

Build a clean, well structured README.md for your project. Fill in the fields, get title, badges, features, install, usage and license. Runs in your browser.

Developer Tools

Scrollbar CSS Generator

Style custom scrollbars with a live preview. Set width, track, thumb and hover colors and radius, then copy WebKit and Firefox scrollbar CSS.

Developer Tools

SVG Blob Generator

Generate organic SVG blob shapes with a live preview. Set points and randomness, pick a color or gradient, then copy or download the SVG.

Developer Tools

SVG Wave Generator

Make smooth SVG wave dividers for your site. Drag sliders for amplitude, frequency and height, pick a color or gradient, then copy or download the SVG.

Developer Tools

Systemd Service Generator

Build a systemd .service unit from a form. Set ExecStart, user, working dir, environment, restart policy and type, then copy or download the file.

Developer Tools

Text Shadow Generator

Design a CSS text-shadow visually. Drag sliders for offset and blur, pick a color, stack layers, see a live preview, and copy the text-shadow code.

Developer Tools

Token Generator

Generate secure random tokens online in hex, base64url or base64. Great for API keys, secrets and CSRF tokens. Runs in your browser, nothing stored.

Developer Tools

tsconfig.json Generator

Generate a tsconfig.json for Node, Browser, React, Next.js or a library. Pick a preset, toggle strict, paths and source maps, then copy or download.

Developer Tools

ULID Generator

Generate ULIDs online: time-sortable, 26-char Crockford base32 IDs. Make one or thousands, copy them, or decode a ULID to its timestamp. Free and private.

Developer Tools

UUID Generator

Generate random version 4 UUIDs online. Create one or thousands at once, with uppercase or no-hyphen options, then copy them. Free and private.