CSS Layout Helpers
Generate flexbox/grid layouts, container queries and breakpoint scales; drop-in layout primitives.
- Layouts
- Container Queries
- Breakpoints & Utilities
DevOps for Mac · Tools & Extensions
Subscription
Subscribe to Tools & Extensions inside DevOps for Mac (App Store, $3.99 a month) and install any pack in the catalog. Sign in to the app with your htmltool.io account so your packs sync to every Mac. Manage or cancel the subscription in your App Store account settings.
The app's one-time premium purchases don't include packs. If the subscription lapses, installed packs stay listed but their tabs are hidden until you renew.
Generate flexbox/grid layouts, container queries and breakpoint scales; drop-in layout primitives.
Keyframe and transition builders, cubic-bezier and linear() springs, reduced-motion patterns, view transitions.
Tiny dependency-free DOM utilities: queries, delegation, fetch with timeout, forms and observers.
Generate retry/backoff, promise pools, queues, debounce/throttle and AbortController timeouts as plain ES modules.
Generate tsconfig and ESLint flat configs, build tsc commands, and scaffold type-safe unions and branded types.
Scaffold standards-based custom elements: shadow DOM, slots, form association, types, tests and a11y.
Scaffold playbooks, roles and inventories, generate common tasks, and build ansible/ansible-playbook commands.
Generate compose.yaml stacks and hardened multi-stage Dockerfiles, and build docker compose commands.
Generate least-privilege GitHub Actions workflows, reusable workflows and composite actions, and build gh CLI commands.
Generate .gitlab-ci.yml pipelines, review apps, includes and CI/CD components; build glab commands.
Scaffold hardened Helm charts, build helm commands from lint to OCI push and rollback, and follow chart best practices.
Generate hardened Kubernetes manifests, build kubectl commands and troubleshoot failing workloads.
Generate backends, providers and modules, build terraform/tofu commands, and browse an HCL snippet library.
Build aws CLI commands, generate least-privilege IAM and SSO profiles, and master --query with JMESPath.
Build az commands, generate secure Bicep modules, and wire GitHub Actions to Azure with OIDC, with no stored secrets.
Generate wrangler.jsonc and TypeScript Worker scaffolds, build wrangler commands, and write _headers/_redirects.
gcloud command builders, Cloud Run service YAML, keyless CI with Workload Identity Federation, and a cheat sheet.
Generate Caddyfiles and Traefik v3 configs/labels with automatic HTTPS, and build caddy/traefik commands.
Generate zone files and records, build SPF/DKIM/DMARC/MTA-STS, resolve any record type and craft dig commands.
Take a domain live: WHOIS/DNS/TLS/HTTP checks, www/apex + HTTPS redirects, security.txt and robots.txt.
Build curl and HTTPie commands, time every phase of a request, debug CORS and caching, and look up status codes.
Generate secure nginx server blocks, TLS and header includes, caching and rate limits, plus safe reload commands.
Bisect, rebase --onto, autosquash, worktrees, sparse clones, reflog rescue, filter-repo, signing, hooks.
Build find/fd, xargs/parallel, sed, awk, rg, sort, tar/zip and rsync commands; generate strict-mode bash scripts.
Generate hardened systemd units, timers and sockets; build systemctl, journalctl and systemd-analyze commands.
jq and yq command builders, JSON/YAML/Base64/JWT converters, a JSON Schema generator and a jq recipe library.
Build psql/pg_dump/pg_restore commands, generate migrations, roles and postgresql.conf tuning, browse SQL snippets.
Safe redis-cli builders, rate-limit and cache-aside generators, hardened redis.conf and ACL users, data type guide.
Build CSP, HSTS, Permissions-Policy and COOP/COEP/CORP for nginx, Caddy, _headers and Next.js; audit live sites.
Generate ~/.ssh/config hosts and hardened sshd_config; build ssh-keygen, tunnel, scp and rsync commands.
Build openssl, mkcert and certbot commands, generate SAN configs and private CAs, and inspect live TLS endpoints.
Generate Playwright, Vitest, Jest and k6 configs, scaffold tests, and build test commands.
Prometheus, SLO burn-rate alerts, Grafana dashboards, OpenTelemetry Collector and Loki configs, plus a local stack.
Generate OKLCH color scales, fluid type, spacing and light/dark themes as CSS custom properties, plus a modern reset.
Tested regex library in JS/Python/ERE/PCRE flavors, validator generator, grep/rg/sed builders and log parsers.
Icons by Font Awesome, CC BY 4.0. Font Awesome Pro icons are not available on htmltool.io.