llm-cost-web/index.html at main · rvventuri/llm-cost-web · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="icon"
      type="image/svg+xml"
      href="/images/favicon.svg"
      media="(prefers-color-scheme: light)"
    />
    <link
      rel="icon"
      type="image/svg+xml"
      href="/images/favicon_light.svg"
      media="(prefers-color-scheme: dark)"
    />
    <link
      rel="icon"
      type="image/png"
      href="/images/favicon.png"
      media="(prefers-color-scheme: light)"
    />
    <link
      rel="icon"
      type="image/png"
      href="/images/favicon_light.png"
      media="(prefers-color-scheme: dark)"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>LLM Cost Radar — Real-time LLM cost tracking & FinOps for AI</title>
    <meta name="title" content="LLM Cost Radar — Real-time LLM cost tracking & FinOps for AI" />
    <meta
      name="description"
      content="LLM Cost Radar gives you full visibility into your AI and LLM spend — by feature, model, provider and environment — with real-time dashboards and simple HTTP integration."
    />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://llmcostradar.com/" />
    <meta property="og:title" content="LLM Cost Radar — Real-time LLM cost tracking & FinOps for AI" />
    <meta
      property="og:description"
      content="Track and optimize your LLM costs in real time with dashboards, budgets and alerts. No SDK required, 5-minute setup."
    />
    <meta
      property="og:image"
      content="https://llmcostradar.com/images/SCR-20260120-ujee.png"
    />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://llmcostradar.com/" />
    <meta property="twitter:title" content="LLM Cost Radar — Real-time LLM cost tracking & FinOps for AI" />
    <meta
      property="twitter:description"
      content="Monitor and control your AI and LLM spend with real-time dashboards, cost breakdowns and FinOps-focused analytics."
    />
    <meta
      property="twitter:image"
      content="https://llmcostradar.com/images/SCR-20260120-ujee.png"
    />

    <!-- font family -->
    <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:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap"
      rel="stylesheet"
    />

    <meta name="theme-color" content="#fff" />

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-M6SZ53WL2Z"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-M6SZ53WL2Z');
    </script>
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>