Web & DevOps Tools

ArrayKit's Web & DevOps tools produce the configs, headers, tags and CSS that developers, DevOps engineers and site owners need before a site ships. For servers, the Nginx Config Generator builds a server block for a static site or reverse proxy and the .htaccess Generator writes Apache redirect, compression and caching rules, with companion builders for 301 redirect maps, CSP and Cache-Control headers and .htpasswd files. For search and sharing, the robots.txt Generator, XML Sitemap Generator and Meta Tag Generator produce the files and tags that crawlers and social networks read, and another generator writes schema.org JSON-LD. For front-end work, the Color Palette Generator builds color schemes you can export as CSS, Tailwind or JSON, the CSS Gradient Generator and CSS Box Shadow Generator write CSS as you adjust a live preview, further tools handle Tailwind shade scales, grids, fluid clamp() sizes, easing curves and rounded corners, and the Aspect Ratio Calculator solves width and height for any ratio. Day-to-day chores are covered too: the Chmod Calculator converts Unix permissions between octal and rwx, and other tools build .gitignore and .editorconfig files, compare semantic versions, turn HTML into JSX or query strings into JSON, and list HTTP status codes and MIME types. Every tool runs in your browser, so the domains, paths, passwords and markup you enter are processed on your device and never uploaded.

  • Chmod Calculator — Convert Unix file permissions between octal and symbolic (rwx).
  • .gitignore Generator — Build a .gitignore from common language and tool templates.
  • HTTP Status & MIME Types — Searchable reference of HTTP status codes and MIME content types.
  • Open Graph Generator — Generate Open Graph & Twitter meta tags with a live social-card preview.
  • robots.txt Generator — Visually build a robots.txt with user-agent rules, allow/disallow paths, crawl-delay and sitemaps.
  • XML Sitemap Generator — Turn a list of URLs into a standards-compliant sitemap.xml with optional lastmod, changefreq and priority.
  • .htaccess Generator — Toggle and configure common Apache .htaccess snippets with live output.
  • Nginx Config Generator — Build an nginx server block (static, reverse proxy, SSL, gzip, caching) from simple toggles.
  • Semver Calculator — Parse, compare, range-check, increment, and coerce semantic versions.
  • Cache-Control Header Builder — Assemble a correct HTTP Cache-Control header from plain toggles and human time units, with copy-ready nginx, Apache, and meta snippets.
  • Meta Tag Generator — Generate SEO, Open Graph and Twitter Card meta tags for your page from a simple form.
  • CSP Header Generator — Build a Content-Security-Policy header from directive toggles, with report-only and copy output.
  • htpasswd Generator — Generate Apache/nginx .htpasswd entries with bcrypt or SHA-1 hashed passwords, in your browser.
  • Tailwind Color Generator — Generate a full 50-950 Tailwind color scale from one brand color, with config-ready output.
  • CSS Grid Generator — Build CSS grid layouts visually and copy grid-template-columns, rows and gap.
  • CSS Clamp Calculator — Calculate a fluid CSS clamp() value from min and max sizes and viewport widths.
  • Cubic Bezier Generator — Design a cubic-bezier() easing curve with draggable handles and an animated preview.
  • Redirect Map Generator — Turn an old-to-new URL list into 301 redirect rules for nginx, Apache, Netlify and Vercel.
  • JSON-LD Generator — Generate schema.org JSON-LD structured data for Article, Product, FAQ and more from a form.
  • Query String to JSON — Convert a URL query string to JSON and back, handling nested keys and repeated params.
  • HTML to JSX Converter — Convert HTML to valid React JSX: className, style objects, self-closing tags and camelCase.
  • CSS Gradient Generator — Design linear, radial and conic CSS gradients with live color stops and copy the code.
  • CSS Box Shadow Generator — Build layered CSS box-shadow values with a live preview and copyable code.
  • CSS Border Radius Generator — Create simple or per-corner CSS border-radius, including blob shapes, with a live preview.
  • .editorconfig Generator — Generate an .editorconfig from indent, charset and newline options with per-language overrides.
  • Aspect Ratio Calculator — Simplify ratios, solve missing dimensions and fit sizes into boxes, with CSS output.
  • Color Palette Generator — Generate harmonious color palettes: lock colors, pick a harmony, copy HEX and export CSS, Tailwind or JSON.

Guides

Frequently asked questions

What can I do with these Web & DevOps tools?
Generate server configs and headers (nginx, .htaccess, 301 redirect maps, CSP, Cache-Control and .htpasswd), produce SEO files and markup (robots.txt, sitemap.xml, meta and Open Graph tags, JSON-LD), and build CSS for gradients, shadows, grids, fluid sizes, rounded corners and easing curves. The rest cover color palettes and Tailwind scales, aspect ratios, HTML to JSX, query strings, .gitignore and .editorconfig files, chmod permissions, semantic versions and a searchable list of HTTP status codes and MIME types.
Which server configs and headers can I generate?
The Nginx Config Generator builds a server block for a static site or reverse proxy with optional SSL, gzip and caching, the .htaccess Generator writes Apache HTTPS and www redirects, compression, caching and security headers, and the htpasswd Generator hashes a .htpasswd line with bcrypt or SHA-1. The Redirect Map Generator turns an old-to-new URL list into 301 rules for nginx, Apache, Netlify, Vercel or Cloudflare, and the CSP Header Generator and Cache-Control Header Builder give you the header plus nginx, Apache and meta-tag versions to paste.
Can these tools help with technical SEO?
Yes, for the files and markup search engines read. The robots.txt Generator controls which paths crawlers may visit, the XML Sitemap Generator turns a list of URLs into sitemap.xml, the Meta Tag Generator and Open Graph Generator write title, description and social tags with a card preview, and the JSON-LD Generator builds schema.org structured data for articles, products, FAQs, events and more. They do not crawl your site or check rankings, so you supply the URLs and content.
Is it safe to enter internal hostnames, paths or passwords?
Yes. Every tool runs in your browser, so hostnames, upstream addresses, redirect lists, passwords and markup are processed on your device and never uploaded, and the htpasswd Generator hashes passwords locally. The social-card previews in the Open Graph and Meta Tag generators do load the image URL you enter, as any web page would. Even so, keep private keys out of web forms; the Nginx Config Generator only needs the file paths of your certificate and key.
Can I use the generated configs as they are?
They use standard syntax, but your server version, enabled modules and existing rules decide how a config behaves, so test before you deploy. Run nginx -t or apachectl configtest after pasting a server config, ship a new Content-Security-Policy in report-only mode first (the CSP Header Generator has a toggle for it), and try a few old URLs after loading a redirect map. The CSS output is plain, standard CSS that current browsers support.