Solve everyday HTML, CSS, SEO, mobile UI and publishing tasks with fast browser tools. No uploads, accounts, or AI token costs.

You might not need AI for every web task. jquery.app provides 148 small browser tools that solve everyday HTML, CSS, SEO, mobile UI and publishing tasks with deterministic output — no uploads, accounts, or AI token costs.

jquery.app | All Tools | About | llms.txt

• Hreflang Tag Generator — Generate clean hreflang tags for multilingual static websites.
• Open Graph & Twitter Card Builder — Build social preview meta tags for blog posts and static pages.
• Static Site SEO Checklist Generator — Generate a practical SEO checklist for static websites before launch.
• Robots Meta Tag Generator — Generate page-level robots meta tags without guessing directive syntax.
• Canonical URL Tag Generator — Generate canonical link tags for static pages and blog posts.
• llms.txt Generator — Create an llms.txt file for AI search and answer engines.
• llms.txt Validator — Validate llms.txt files against the specification. Check H1, blockquote, sections, and Markdown links.
• robots.txt Builder — Generate a simple robots.txt file with sitemap and crawler rules.
• AI Crawler robots.txt Builder — Build robots.txt policy for AI crawlers with open, selective, or strict presets.
• JSON-LD Starter Builder — Generate starter JSON-LD for WebSite, Organization, Article, FAQ, or BreadcrumbList.
• Viewport Meta Tag Generator — Generate a complete set of viewport meta tags plus theme-color and Apple touch icon links.
• Static Sitemap XML Builder — Paste a list of URLs and get a complete sitemap.xml file for static hosting and GitHub Pages.
• Hreflang Sitemap Builder — Build XML sitemap entries with hreflang alternates for multilingual pages.
• Speculation Rules Generator — Generate Speculation Rules JSON for prerendering and prefetching pages in Chrome and Edge.
• Permissions-Policy Header Generator — Generate a Permissions-Policy HTTP header to control browser feature access.
• CSP Starter Policy Generator — Generate a Content-Security-Policy header for static sites with CDN, analytics, font, and embed options.
• X-Robots-Tag Header Generator — Generate X-Robots-Tag HTTP headers for non-HTML files like PDFs and images.
• Markdown Front Matter Generator — Generate YAML front matter blocks for Jekyll, Hugo, Astro, 11ty, and other SSGs.
• RSS Feed Starter Generator — Generate a complete RSS 2.0 XML feed for your static blog.
• JSON Feed Starter Generator — Generate a JSON Feed file as a modern alternative to RSS.
• Referrer Policy Tag Generator — Generate a Referrer-Policy header or meta tag.
• OpenSearch Description Generator — Generate OpenSearch XML and HTML link tag for browser search integration.

• HTML Link Rel Generator — Generate link tags for preload, preconnect, dns-prefetch, canonical, and alternate URLs.
• Favicon HTML Tag Generator — Generate favicon and web app icon tags for static websites.
• Responsive Iframe Embed Generator — Generate responsive iframe embed markup for videos, maps, demos, and docs.
• URL Slug Generator — Turn any title into a clean, lowercase, hyphenated URL slug.
• HTML Heading Hierarchy Checker — Paste HTML and see the heading structure as a tree.
• Reading Time Estimator — Paste text and get an estimated reading time with adjustable reading speed.
• HTML Entity Quick Reference — Search and copy common HTML entities including arrows, dashes, quotes, and math symbols.
• HTML Popover Generator — Generate native HTML popover markup using the Popover API without JavaScript.
• HTML Details Accordion Generator — Generate FAQ accordions using the native details and summary elements.
• Dialog Modal HTML Generator — Generate a native HTML dialog modal with open and close buttons.
• HTML Invoker Command Generator — Generate declarative command buttons for dialogs, popovers, and disclosure elements.
• Iframe Sandbox & Allow Generator — Generate secure iframe markup with sandbox flags and allow permissions.
• Table of Contents Anchor Generator — Paste headings and get a nested table of contents with anchor links.
• No-JS Redirect Page Generator — Generate a complete HTML redirect page using meta refresh without JavaScript.
• Static 404 Page Template Generator — Generate a friendly 404 error page for static websites and GitHub Pages.
• Accessible Skip Link Generator — Generate an accessible skip-to-main-content link for keyboard navigation.
• HTML Landmark Checker — Paste HTML and check for ARIA landmark elements.
• Input Attributes Generator — Generate HTML input elements with type-specific attributes.
• External Link Attribute Generator — Generate external link markup with correct rel attributes for security and SEO.
• HTML Script Loading Strategy Builder — Generate script tags with the right loading strategy: defer, async, or module.
• Fetch Priority Attribute Generator — Generate fetchpriority attributes for images, scripts, and link tags.
• Preload Tag Builder — Generate correct preload link tags for fonts, hero images, CSS, and scripts.
• Modulepreload Tag Generator — Generate modulepreload link tags for ES module scripts.
• Image Loading Attribute Builder — Build optimized img tags with loading, decoding, and fetchpriority.
• SRI Hash Generator — Generate Subresource Integrity hashes for script and stylesheet files.
• CSP Hash Generator — Generate CSP hash values for inline scripts and styles.
• HTML Sanitizer Config Builder — Generate Sanitizer API and DOMPurify allowlist configurations.
• Declarative Shadow DOM Generator — Generate HTML snippets for Declarative Shadow DOM with scoped CSS and slots.
• ARIA Live Region Generator — Generate accessible ARIA live regions for screen reader announcements.
• Navigation API Router Snippet Generator — Generate JavaScript routing snippets with the Navigation API for SPAs.
• Service Worker Module Template Generator — Generate ES module service worker templates with cache strategies and offline fallback.
• Trusted Types Policy Generator — Generate Trusted Types policies and CSP headers to prevent DOM-based XSS.
• URLPattern Tester — Test URL patterns with named groups, wildcards, and regex matching using the URLPattern API.
• contenteditable=plaintext-only Generator — Generate accessible markup with contenteditable=plaintext-only for plain-text input.
• Directory Upload Input Generator — Generate file inputs with webkitdirectory for folder upload and drag-and-drop.
• Custom Highlights API Generator — Generate CSS ::highlight() and JS snippets to style text ranges without DOM changes.
• Uint8Array Base64/Hex Converter — Generate snippets with Uint8Array.toBase64(), .toHex(), .fromBase64(), .fromHex().
• RegExp.escape() Helper — Escape special regex characters in strings for safe dynamic pattern matching.
• Intl.DurationFormat Generator — Generate locale-aware duration formatting with long/short/narrow/digital styles.
• scrollend Event Snippet Generator — Generate scrollend event handlers that fire after momentum/inertia scrolling.
• PerformanceObserver Snippet Generator — Generate PerformanceObserver code for Core Web Vitals with rating thresholds.
• Interest Invoker Popover Generator — Generate declarative HTML popovers with interestfor for hover/focus-triggered tooltips.
• ARIA Notify Snippet Generator — Generate ariaNotify() calls for screen reader announcements with aria-live fallback.
• WebTransport URL Template Helper — Generate WebTransport connection snippets over HTTP/3 (QUIC).
• JSON Formatter & Validator — Format, validate, minify, and tree-view JSON with error position detection.
• JSON to CSV Converter — Convert JSON arrays to CSV with delimiter options and nested field flattening.
• YAML JSON Converter — Convert between YAML and JSON bidirectionally for config files.
• JSONPath Tester — Test JSONPath expressions with wildcards, filters, and array indices.
• JSON Schema Generator & Validator — Generate JSON Schema from data or validate JSON against a schema.
• Regex Tester & Debugger — Test JavaScript regex patterns with live match highlighting and capture groups.
• JWT Decoder & Claims Inspector — Decode JWT tokens to inspect header, payload, and timestamps.
• Base64 Encoder & Decoder — Encode or decode Base64 text with URL-safe variant support.
• URL Encoder & Decoder — Encode or decode URL-encoded strings with component or full URL mode.
• Query String Parser & Builder — Parse URLs into key-value tables or build query strings from parameters.
• UUID Generator — Generate UUID v4 (random) or v7 (time-ordered) identifiers in batches.
• Unix Timestamp Converter — Convert between Unix timestamps and human-readable dates.
• Cron Expression Builder — Build cron schedule expressions with presets and custom fields.
• Text Diff Checker — Compare two texts line-by-line or side-by-side with highlighting.
• Hash & HMAC Generator — Generate JavaScript code for SHA-256/384/512 and HMAC hashes.
• Markdown Preview Editor — Split-screen Markdown editor with live GFM preview.
• QR Code Generator — Generate QR codes as SVG for URLs, text, email, and WiFi.
• Image Compressor & Converter — Compress and convert images locally in JPEG/PNG/WebP.

• CSS Clamp Calculator — Calculate responsive CSS clamp values for font sizes and spacing.
• CSS Safe Area Insets Generator — Generate CSS for safe-area insets on phones with notches and rounded corners.
• CSS Color Contrast Checker — Check contrast ratio between two colors against WCAG standards.
• CSS Box Shadow Builder — Build box-shadow CSS visually by adjusting offset, blur, spread, and color.
• CSS Flexbox Generator — Generate flexbox container CSS by selecting direction, wrap, alignment, and justification.
• CSS Border Radius Builder — Set rounded corners individually for each corner.
• CSS Cascade Layer Planner — Plan @layer order and generate a CSS cascade layer structure.
• CSS Content Visibility Generator — Generate content-visibility and contain-intrinsic-size CSS for long pages.
• CSS Overscroll Behavior Generator — Generate overscroll-behavior CSS for scroll chaining and pull-to-refresh.
• CSS Scroll Snap Generator — Generate CSS scroll-snap rules for carousels, galleries, and scroll sections.
• CSS Carousel Generator — Generate native CSS carousel with scroll buttons, markers, and snap behavior.
• CSS Scroll-State Query Generator — Generate scroll-state() queries for snapped, stuck, and scrollable elements.
• Container Query Snippet Generator — Generate CSS container query rules for component-based responsive design.
• Container Query Units Calculator — Calculate clamp() values using cqi, cqw, cqb, cqmin, cqmax units.
• CSS Subgrid Layout Generator — Generate parent grid and child subgrid CSS with shared track alignment.
• Aspect Ratio Placeholder Calculator — Calculate aspect-ratio and padding-bottom fallbacks to prevent CLS.
• Dynamic Viewport Units Generator — Generate CSS using dvh, svh, lvh with fallbacks.
• CSS Logical Properties Converter — Convert physical CSS properties to logical properties for RTL support.
• CSS Anchor Positioning Generator — Generate CSS anchor positioning rules for tooltips and dropdowns.
• Scroll-Driven Animation Generator — Generate CSS scroll-driven animations with animation-timeline.
• Discrete Transition Generator — Generate CSS for animating enter/leave with transition-behavior and @starting-style.
• View Transition Builder — Generate View Transitions API CSS/JS for smooth page transitions.
• CSS Light-Dark Function Generator — Generate light-dark() CSS for basic dark mode.
• CSS Color Mix Generator — Generate color-mix() calls for hover states, borders, and tints.
• CSS Relative Color Syntax Generator — Generate relative color syntax for channel-adjusted variants.
• CSS Print Styles Generator — Generate a print stylesheet that hides nav and formats links.
• Focus Ring CSS Generator — Generate accessible :focus-visible focus ring CSS with contrast check.
• Touch Target Size Checker — Check interactive elements against WCAG 2.2 target size requirements.
• CSS contrast-color() Function Generator — Generate contrast-color() CSS that auto-selects the most readable text color.
• Typed CSS attr() Generator — Generate typed attr() expressions with type casting for data-attribute-driven CSS.
• CSS if() Function Builder — Build CSS if() conditionals using style(), media(), and supports() for inline responsive values.
• CSS Sibling Index & Count Generator — Generate CSS with sibling-index()/sibling-count() for position-aware styling.
• CSS progress() Function Calculator — Calculate progress() values for scroll-driven animations and value mapping.
• CSS Stretch Sizing Generator — Generate CSS with the stretch keyword for fill-available sizing.
• CSS text-indent hanging/each-line Builder — Generate CSS text-indent with hanging and each-line keywords for reverse indentation.
• CSS Font-Relative Units Calculator — Calculate pixel equivalents for rcap, rch, rex, and ric root-relative font units.
• CSS shape() Function Generator — Generate CSS shape() functions for non-rectangular clip-path and shape-outside.
• CSS @scope Rule Builder — Generate CSS @scope rules for scoping styles to DOM subtrees.
• SVG Optimizer — Optimize SVG files by removing comments, metadata, and collapsing whitespace.
• SVG to CSS Data URI Converter — Convert SVG markup to CSS data URIs for background-image and img src.
• CSS Gradient Generator — Build linear, radial, and conic CSS gradients visually with live preview and color stops.
• CSS Filter Generator — Apply CSS filters (blur, brightness, contrast, grayscale, etc.) with sliders and image preview.
• CSS Text Shadow Generator — Design multi-layer text shadows with neon, glow, outline, and 3D presets.
• CSS Animation Keyframes Generator — Generate CSS @keyframes with nine preset animations and live replay preview.
• CSS 3D Transform Generator — Build CSS 3D transforms with rotate, translate, scale, perspective, and live preview.

• GitHub Pages CNAME Helper — Create CNAME file content and DNS notes for a custom domain.
• GitHub Pages SPA 404 Helper — Generate a 404.html fallback for single-page apps on GitHub Pages.
• GitHub Pages Workflow Generator — Generate a GitHub Actions workflow to deploy to GitHub Pages.
• DNS Record Quick Reference — See example A, AAAA, CNAME, MX, and TXT records with setup notes.
• Cache-Control Header Builder — Build Cache-Control headers for static assets with platform notes.
• CORS Header Generator — Generate CORS headers for any origin/method/credential config.
• COOP/COEP/CORP Header Builder — Build cross-origin isolation headers for SharedArrayBuffer and security.
• security.txt Generator & Validator — Generate and validate security.txt per RFC 9116.
• Assetlinks & AASA Generator — Generate Android assetlinks.json and iOS AASA for deep links.
• VAPID Key Generator — Generate VAPID key pair for Web Push notifications.
• Redirect Map Converter — Convert CSV redirect maps to Netlify, Vercel, Apache, or Nginx format.
• HTTP Header Parser & Explainer — Paste raw HTTP headers and get grouped plain-English explanations.
• Reporting API Header Generator — Generate Report-To and Reporting-Endpoints headers for browser reports and CSP violations.
• Zstandard Compression Header Helper — Generate server config for Zstandard (zstd) compression with gzip/brotli fallback.

• Favicon HTML Tag Generator — Generate favicon and web app icon tags for static websites.
• Responsive Image Markup Generator — Generate img or picture markup with srcset, sizes, width, height, and alt text.
• Web App Manifest Generator — Generate a site.webmanifest JSON file for PWA-ready static websites.
• Web App Manifest Validator — Validate a web app manifest JSON against the W3C specification.
• PWA Maskable Icon Safe Zone Generator — Upload an icon and preview the PWA maskable safe zone with overlay.

All 148 tools run entirely in your browser. No inputs are uploaded, no accounts are required, and no server-side processing happens. Each tool gives you output you can inspect, copy, and use right away.

Report bugs or suggest improvements at github.com/jqueryscript/jqueryapp/issues.