diff-compare/index.html at main · EveryDayApps/diff-compare · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary SEO -->
    <title>DiffCompare : Free Online Text & Code Diff Compare Tool</title>
    <meta name="description" content="DiffCompare is a free, minimal, open-source, and ad-free online diff tool. Compare text, code, and files side-by-side or in unified view. No sign-up. No tracking. Supports syntax highlighting, diff stats, file upload, and animated diff replay." />
    <meta name="keywords" content="diff compare, text diff, code diff, file comparison, online diff tool, side by side diff, unified diff, compare files, compare code, diff viewer, text comparison tool, free diff tool, minimal diff, open source diff, no ads diff, ad-free diff, free online tool, developer tools, programming tools, git diff viewer, patch diff, JSON diff, YAML diff, markdown diff, clipboard diff, browser diff tool" />
    <meta name="author" content="DiffCompare" />
    <meta name="robots" content="index, follow" />
    <meta name="application-name" content="DiffCompare" />
    <meta name="generator" content="DiffCompare" />
    <meta name="category" content="Developer Tools" />
    <meta name="classification" content="Developer Tools, Productivity, Open Source" />
    <meta name="rating" content="general" />
    <meta name="revisit-after" content="7 days" />
    <link rel="canonical" href="https://diffcompare.narayann.dev/" />

    <!-- Theme color -->
    <meta name="theme-color" content="#0f1117" />
    <meta name="color-scheme" content="dark light" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://diffcompare.narayann.dev/" />
    <meta property="og:title" content="DiffCompare : Free Online Text & Code Diff Compare Tool" />
    <meta property="og:description" content="Free, minimal, open-source, and ad-free diff tool. Compare text, code, and files instantly. Side-by-side and unified diff views, file upload, diff stats, and animated diff replay. No sign-up required." />
    <meta property="og:image" content="https://diffcompare.narayann.dev/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="DiffCompare : Online Diff Compare Tool Screenshot" />
    <meta property="og:site_name" content="DiffCompare" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@narayann7" />
    <meta name="twitter:creator" content="@narayann7" />
    <meta name="twitter:url" content="https://diffcompare.narayann.dev/" />
    <meta name="twitter:title" content="DiffCompare : Free Online Text & Code Diff Compare Tool" />
    <meta name="twitter:description" content="Free, minimal, open-source, and ad-free diff tool. Compare text, code, and files instantly. No sign-up. No tracking. 100% free." />
    <meta name="twitter:image" content="https://diffcompare.narayann.dev/og-image.png" />
    <meta name="twitter:image:alt" content="DiffCompare : Online Diff Compare Tool" />

    <!-- Favicon / Icons -->
    <link rel="icon" type="image/svg+xml" href="/diff-icon.svg" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "DiffCompare",
      "url": "https://diffcompare.narayann.dev/",
      "description": "A free, minimal, open-source, and ad-free online diff compare tool for comparing text, code, and files side-by-side or in unified view. No sign-up or tracking.",
      "applicationCategory": "DeveloperApplication",
      "operatingSystem": "Any",
      "browserRequirements": "Requires JavaScript",
      "isAccessibleForFree": true,
      "softwareVersion": "1.0",
      "datePublished": "2024-01-01",
      "dateModified": "2026-03-29",
      "inLanguage": "en",
      "creator": {
        "@type": "Person",
        "name": "narayann7",
        "url": "https://github.com/narayann7"
      },
      "publisher": {
        "@type": "Organization",
        "name": "EveryDayApps",
        "url": "https://github.com/EveryDayApps"
      },
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "featureList": [
        "Side-by-side diff view",
        "Unified diff view",
        "File upload support",
        "Diff statistics",
        "Ignore whitespace option",
        "Multiple color themes",
        "Animated diff replay",
        "Copy diff output",
        "Minimap navigation",
        "P2P live diff sharing via WebRTC",
        "No sign-up required",
        "No ads",
        "No tracking",
        "Open source",
        "Minimal UI"
      ],
      "screenshot": "https://diffcompare.narayann.dev/og-image.png",
      "codeRepository": "https://github.com/EveryDayApps/diff-compare",
      "license": "https://opensource.org/licenses/MIT"
    }
    </script>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
  </head>
  <body>
    <div id="root"></div>
    <noscript>
      <div style="font-family: sans-serif; max-width: 800px; margin: 40px auto; padding: 0 20px;">
        <h1>DiffCompare — Free Online Diff Tool</h1>
        <p>DiffCompare is a free, minimal, open-source, and ad-free online tool for comparing text and code. Paste or upload two files to instantly see a side-by-side or unified diff.</p>
        <h2>Features</h2>
        <ul>
          <li>Side-by-side and unified diff views</li>
          <li>File upload support</li>
          <li>Diff statistics (added, removed, unchanged lines)</li>
          <li>Ignore whitespace, case, empty lines, and line endings</li>
          <li>Multiple color themes (Dark, Light, Dracula, Ocean, Skillz)</li>
          <li>Animated diff replay</li>
          <li>P2P live sharing via WebRTC — no server, no sign-in</li>
          <li>Minimap navigation</li>
          <li>No ads, no tracking, no sign-up required</li>
          <li>Open source (MIT License)</li>
        </ul>
        <p>Please enable JavaScript to use DiffCompare.</p>
      </div>
    </noscript>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>