{
  "name": "DevZap",
  "description": "The browser toolkit for developers. Inspect, edit, and export from any page — without leaving your tab.",
  "url": "https://devzap.io/",
  "updatedAt": "2026-05-05T00:00:00.000Z",
  "version": "1.3.0",
  "representations": {
    "llmsText": "https://devzap.io/llms.txt",
    "llmsFull": "https://devzap.io/llms-full.txt",
    "sitemap": "https://devzap.io/sitemap-index.xml",
    "rss": "https://devzap.io/blog/rss.xml"
  },
  "pricing": {
    "model": "one-time",
    "price": 9,
    "currency": "USD",
    "devices": 3,
    "includes": [
      "All current and future tools",
      "Lifetime updates",
      "Up to 3 devices per license",
      "Email support"
    ],
    "coupon": {
      "code": "LAUNCH77",
      "description": "Super Early Bird — 77% OFF"
    },
    "url": "https://devzap.io/pricing/",
    "markdown": "https://devzap.io/pricing.md",
    "install": "https://chromewebstore.google.com/detail/ngggnpogihpffiameoafhlnfcigoggee"
  },
  "counts": {
    "tools": 13,
    "features": 4,
    "posts": 3,
    "useCases": 4,
    "releases": 4
  },
  "tools": [
    {
      "slug": "color-converter",
      "title": "Color Converter — HEX, RGB, HSL, OKLCH",
      "tagline": "Convert any color between HEX, RGB, HSL, and OKLCH instantly. WCAG contrast against white shown live.",
      "category": "color",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/color-converter/",
      "markdown": "https://devzap.io/tools/color-converter.md"
    },
    {
      "slug": "box-shadow-generator",
      "title": "CSS Box Shadow Generator",
      "tagline": "Stack multiple shadow layers and copy production-ready CSS. Inset, spread, opacity — all dialed in live.",
      "category": "css",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/box-shadow-generator/",
      "markdown": "https://devzap.io/tools/box-shadow-generator.md"
    },
    {
      "slug": "css-gradient-generator",
      "title": "CSS Gradient Generator",
      "tagline": "Build linear, radial, and conic gradients with a live preview. Copy production-ready CSS.",
      "category": "css",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/css-gradient-generator/",
      "markdown": "https://devzap.io/tools/css-gradient-generator.md"
    },
    {
      "slug": "css-colors",
      "title": "CSS Named Colors Reference",
      "tagline": "All 148 CSS named colors. Searchable, filterable by hue, copy as name, hex, or rgb.",
      "category": "color",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/css-colors/",
      "markdown": "https://devzap.io/tools/css-colors.md"
    },
    {
      "slug": "css-unit-converter",
      "title": "CSS Unit Converter — px, rem, em, clamp()",
      "tagline": "Convert between px, rem, and em with a configurable root, plus build fluid clamp() values for responsive typography.",
      "category": "convert",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/css-unit-converter/",
      "markdown": "https://devzap.io/tools/css-unit-converter.md"
    },
    {
      "slug": "font-pairing",
      "title": "Google Fonts Pairing Tool",
      "tagline": "Preview heading and body Google Font combinations live. Copy the @import + font-family in one click.",
      "category": "typography",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/font-pairing/",
      "markdown": "https://devzap.io/tools/font-pairing.md"
    },
    {
      "slug": "html-entities",
      "title": "HTML Entities Reference",
      "tagline": "Searchable list of HTML entities. Copy named, numeric, or hex form with one click.",
      "category": "html",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/html-entities/",
      "markdown": "https://devzap.io/tools/html-entities.md"
    },
    {
      "slug": "http-status-codes",
      "title": "HTTP Status Codes Reference",
      "tagline": "Every HTTP status code with a clear explanation. Bookmark this page.",
      "category": "reference",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/http-status-codes/",
      "markdown": "https://devzap.io/tools/http-status-codes.md"
    },
    {
      "slug": "lorem-ipsum-generator",
      "title": "Lorem Ipsum Generator",
      "tagline": "Generate paragraphs, sentences, or words of placeholder text. Configure length, copy with one click.",
      "category": "generate",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/lorem-ipsum-generator/",
      "markdown": "https://devzap.io/tools/lorem-ipsum-generator.md"
    },
    {
      "slug": "meta-tags-generator",
      "title": "Meta Tags Generator",
      "tagline": "Generate Basic Meta, Open Graph, and Twitter Cards live. Preview Google SERP and social cards as you type.",
      "category": "seo",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/meta-tags-generator/",
      "markdown": "https://devzap.io/tools/meta-tags-generator.md"
    },
    {
      "slug": "redirect-path",
      "title": "Redirect Path Builder — nginx, Apache, Vercel, Netlify",
      "tagline": "Compose URL redirect rules and export as nginx, Apache, Vercel, or Netlify config in one click.",
      "category": "convert",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/redirect-path/",
      "markdown": "https://devzap.io/tools/redirect-path.md"
    },
    {
      "slug": "tailwind-colors",
      "title": "Tailwind Colors Palette Browser",
      "tagline": "Browse the Tailwind v4 default palette. Copy as utility class, HEX, or OKLCH with one click.",
      "category": "color",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/tailwind-colors/",
      "markdown": "https://devzap.io/tools/tailwind-colors.md"
    },
    {
      "slug": "contrast-checker",
      "title": "WCAG Contrast Checker",
      "tagline": "Check WCAG 2.2 contrast ratios for any pair of colors. Get AA / AAA pass/fail at a glance.",
      "category": "color",
      "status": "live",
      "pricing": "Free",
      "url": "https://devzap.io/tools/contrast-checker/",
      "markdown": "https://devzap.io/tools/contrast-checker.md"
    }
  ],
  "features": [
    {
      "slug": "css-inspector",
      "title": "CSS Inspector & Editor",
      "tagline": "Inspect any element. Copy clean CSS. Edit live without DevTools.",
      "category": "style",
      "status": "coming-soon",
      "url": "https://devzap.io/features/css-inspector/",
      "markdown": "https://devzap.io/features/css-inspector.md"
    },
    {
      "slug": "font-changer",
      "title": "Font Changer",
      "tagline": "Try Google Fonts on any site instantly. Compare pairings without writing a line of CSS.",
      "category": "style",
      "status": "available",
      "url": "https://devzap.io/features/font-changer/",
      "markdown": "https://devzap.io/features/font-changer.md"
    },
    {
      "slug": "seo-meta-inspector",
      "title": "SEO Meta Inspector",
      "tagline": "Audit titles, descriptions, OG, Twitter Cards, and structured data on any page in one click.",
      "category": "seo",
      "status": "available",
      "url": "https://devzap.io/features/seo-meta-inspector/",
      "markdown": "https://devzap.io/features/seo-meta-inspector.md"
    },
    {
      "slug": "site-stack",
      "title": "Site Stack Detector",
      "tagline": "See what framework, libraries, and analytics any website is running on.",
      "category": "inspect",
      "status": "available",
      "url": "https://devzap.io/features/site-stack/",
      "markdown": "https://devzap.io/features/site-stack.md"
    }
  ],
  "posts": [
    {
      "slug": "og-twitter-cards-2026-checklist",
      "title": "Open Graph and Twitter Cards: The 2026 Pre-Publish Checklist",
      "description": "Every meta tag that controls how your page renders when shared. Updated for what platforms actually use in 2026.",
      "category": "seo-performance",
      "tags": [
        "seo",
        "open-graph",
        "twitter-cards",
        "meta-tags",
        "social"
      ],
      "author": "marco",
      "publishedAt": "2026-04-29T00:00:00.000Z",
      "updatedAt": "2026-04-29T00:00:00.000Z",
      "url": "https://devzap.io/blog/og-twitter-cards-2026-checklist/",
      "markdown": "https://devzap.io/blog/og-twitter-cards-2026-checklist.md"
    },
    {
      "slug": "wcag-2-2-aa-2026",
      "title": "Designing for WCAG 2.2 AA in 2026: The Practical Checklist",
      "description": "WCAG 2.2 AA is the de facto baseline in 2026. Here's what it actually means in design and code, with a checklist you can ship against.",
      "category": "seo-performance",
      "tags": [
        "accessibility",
        "wcag",
        "a11y",
        "design-systems",
        "css"
      ],
      "author": "marco",
      "publishedAt": "2026-04-22T00:00:00.000Z",
      "updatedAt": "2026-04-22T00:00:00.000Z",
      "url": "https://devzap.io/blog/wcag-2-2-aa-2026/",
      "markdown": "https://devzap.io/blog/wcag-2-2-aa-2026.md"
    },
    {
      "slug": "oklch-migration-guide",
      "title": "From HEX to OKLCH: A Migration Guide for Design Systems",
      "description": "OKLCH is the perceptually uniform color space modern design systems are converging on. Here's a concrete migration path from HEX/HSL palettes.",
      "category": "tutorial",
      "tags": [
        "color",
        "design-systems",
        "css",
        "tailwind",
        "oklch"
      ],
      "author": "marco",
      "publishedAt": "2026-04-15T00:00:00.000Z",
      "updatedAt": "2026-04-15T00:00:00.000Z",
      "url": "https://devzap.io/blog/oklch-migration-guide/",
      "markdown": "https://devzap.io/blog/oklch-migration-guide.md"
    }
  ],
  "useCases": [
    {
      "slug": "developer",
      "name": "Developer",
      "role": "Frontend / full-stack engineer",
      "tagline": "Inspect, edit, and export from any page without breaking flow.",
      "recommendedTools": [
        "color-converter",
        "css-gradient-generator",
        "box-shadow-generator",
        "css-unit-converter"
      ],
      "recommendedFeatures": [
        "css-inspector",
        "site-stack"
      ],
      "url": "https://devzap.io/use-cases/developer/",
      "markdown": "https://devzap.io/use-cases/developer.md"
    },
    {
      "slug": "designer",
      "name": "Designer",
      "role": "Product / UI / UX designer",
      "tagline": "See your work as a real browser would render it. Pick a font, picker a color, ship the spec.",
      "recommendedTools": [
        "color-converter",
        "contrast-checker",
        "css-gradient-generator",
        "box-shadow-generator",
        "font-pairing",
        "tailwind-colors"
      ],
      "recommendedFeatures": [
        "font-changer",
        "css-inspector"
      ],
      "url": "https://devzap.io/use-cases/designer/",
      "markdown": "https://devzap.io/use-cases/designer.md"
    },
    {
      "slug": "marketer",
      "name": "Marketer",
      "role": "Growth / content marketer / SEO",
      "tagline": "Audit any page's SEO and social presence in one click.",
      "recommendedTools": [
        "meta-tags-generator",
        "http-status-codes",
        "redirect-path"
      ],
      "recommendedFeatures": [
        "seo-meta-inspector",
        "site-stack"
      ],
      "url": "https://devzap.io/use-cases/marketer/",
      "markdown": "https://devzap.io/use-cases/marketer.md"
    },
    {
      "slug": "qa",
      "name": "QA Engineer",
      "role": "Quality assurance / test engineer",
      "tagline": "Spot regressions before users do. Inspect anything, verify everywhere.",
      "recommendedTools": [
        "contrast-checker",
        "color-converter",
        "http-status-codes"
      ],
      "recommendedFeatures": [
        "css-inspector",
        "seo-meta-inspector",
        "site-stack"
      ],
      "url": "https://devzap.io/use-cases/qa/",
      "markdown": "https://devzap.io/use-cases/qa.md"
    }
  ],
  "changelog": [
    {
      "version": "1.3.0",
      "date": "2026-05-05",
      "title": "Tools batch 2 + internal search",
      "type": "release",
      "highlights": [
        "5 new free tools — 13 total in the hub",
        "Internal site search (Pagefind) at /search",
        "Cross-linking strengthened across tools, blog, and features"
      ]
    },
    {
      "version": "1.4.0",
      "date": "2026-05-05",
      "title": "Polish — use cases, dynamic OG, search UX, newsletter",
      "type": "release",
      "highlights": [
        "Use cases by role at /use-cases (developer, designer, marketer, QA)",
        "Dynamic OG image generation now covers tools and features (20 images total)",
        "Search grouped by content type, recent searches, ESC + / shortcuts",
        "Newsletter signup form (preview mode until platform confirmed)"
      ]
    },
    {
      "version": "1.2.0",
      "date": "2026-05-01",
      "title": "Free tools hub + blog launch",
      "type": "release",
      "highlights": [
        "8 free developer tools at /tools — no install required",
        "Blog at /blog with 3 launch posts",
        "Public changelog (this page)"
      ]
    },
    {
      "version": "1.1.0",
      "date": "2026-04-15",
      "title": "Foundation — new landing site",
      "type": "release",
      "highlights": [
        "Brand new site at devzap.io built with Astro v6",
        "Light theme + accent red-600 (rebrand from blue)",
        "DodoPayments checkout integrated with Premium licensing"
      ]
    }
  ]
}