Hugging Face's logo

Spaces:
xujfcn
/
Crazyrouter-Pricing
Running

App Files Community
xujfcn commited on
Commit
757390e
·
1 Parent(s): 0a3fc90

Crazyrouter pricing page - 624+ models comparison

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +87 -18
README.md CHANGED
@@ -1,11 +1,15 @@
1
  ---
2
  title: Crazyrouter Pricing
3
- emoji: 📉
4
- colorFrom: yellow
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
8
  license: mit
 
 
 
 
 
 
9
  ---
10
-
11
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
  title: Crazyrouter Pricing
3
+ emoji: 💰
4
+ colorFrom: green
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
  license: mit
9
+ short_description: "AI model pricing comparison — save with Crazyrouter"
10
+ tags:
11
+ - pricing
12
+ - llm
13
+ - api
14
+ - crazyrouter
15
  ---
 
 
index.html CHANGED
@@ -1,19 +1,88 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Crazyrouter — AI Model Pricing</title>
7
+ <style>
8
+ *{margin:0;padding:0;box-sizing:border-box}
9
+ body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0a0a0a;color:#e0e0e0;line-height:1.6}
10
+ .container{max-width:1100px;margin:0 auto;padding:20px}
11
+ h1{font-size:2.2em;text-align:center;margin:30px 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
12
+ .subtitle{text-align:center;color:#888;font-size:1.1em;margin-bottom:30px}
13
+ .stats{display:flex;justify-content:center;gap:40px;margin:20px 0 30px;flex-wrap:wrap}
14
+ .stat{text-align:center}
15
+ .stat-num{font-size:2em;font-weight:700;color:#667eea}
16
+ .stat-label{color:#888;font-size:0.9em}
17
+ .search{width:100%;padding:12px 20px;border:1px solid #333;border-radius:8px;background:#1a1a1a;color:#fff;font-size:1em;margin-bottom:20px}
18
+ .search:focus{outline:none;border-color:#667eea}
19
+ table{width:100%;border-collapse:collapse;margin:20px 0}
20
+ th{background:#1a1a1a;padding:12px 16px;text-align:left;font-weight:600;color:#667eea;border-bottom:2px solid #333;position:sticky;top:0}
21
+ td{padding:10px 16px;border-bottom:1px solid #222}
22
+ tr:hover{background:#1a1a2e}
23
+ .provider{color:#888;font-size:0.85em}
24
+ .price{font-family:'SF Mono',monospace;color:#4ade80}
25
+ .cta{text-align:center;margin:40px 0;padding:30px;background:linear-gradient(135deg,#667eea22,#764ba222);border-radius:12px;border:1px solid #333}
26
+ .cta a{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1em}
27
+ .cta a:hover{opacity:0.9}
28
+ .cta p{margin-top:10px;color:#888}
29
+ .links{text-align:center;margin:20px 0;color:#888}
30
+ .links a{color:#667eea;text-decoration:none;margin:0 10px}
31
+ </style>
32
+ </head>
33
+ <body>
34
+ <div class="container">
35
+ <h1>🚀 Crazyrouter</h1>
36
+ <p class="subtitle">One API Key, All AI Models — Cheaper Than Going Direct</p>
37
+
38
+ <div class="stats">
39
+ <div class="stat"><div class="stat-num">624+</div><div class="stat-label">Models Available</div></div>
40
+ <div class="stat"><div class="stat-num">20+</div><div class="stat-label">Providers</div></div>
41
+ <div class="stat"><div class="stat-num">100%</div><div class="stat-label">OpenAI Compatible</div></div>
42
+ </div>
43
+
44
+ <input type="text" class="search" id="search" placeholder="🔍 Search models... (e.g. gpt-4o, claude, gemini, deepseek)">
45
+
46
+ <table>
47
+ <thead>
48
+ <tr><th>Model</th><th>Provider</th><th>Input $/1M tokens</th><th>Output $/1M tokens</th></tr>
49
+ </thead>
50
+ <tbody id="tbody">
51
+ <tr><td>gpt-4o</td><td class="provider">OpenAI</td><td class="price">$2.50</td><td class="price">$10.00</td></tr>
52
+ <tr><td>gpt-4o-mini</td><td class="provider">OpenAI</td><td class="price">$0.15</td><td class="price">$0.60</td></tr>
53
+ <tr><td>gpt-4.5-preview</td><td class="provider">OpenAI</td><td class="price">$75.00</td><td class="price">$150.00</td></tr>
54
+ <tr><td>o3-mini</td><td class="provider">OpenAI</td><td class="price">$1.10</td><td class="price">$4.40</td></tr>
55
+ <tr><td>claude-sonnet-4-20250514</td><td class="provider">Anthropic</td><td class="price">$3.00</td><td class="price">$15.00</td></tr>
56
+ <tr><td>claude-haiku-3.5</td><td class="provider">Anthropic</td><td class="price">$0.80</td><td class="price">$4.00</td></tr>
57
+ <tr><td>gemini-2.0-flash</td><td class="provider">Google</td><td class="price">$0.10</td><td class="price">$0.40</td></tr>
58
+ <tr><td>gemini-2.5-pro-thinking</td><td class="provider">Google</td><td class="price">$1.25</td><td class="price">$10.00</td></tr>
59
+ <tr><td>deepseek-chat (V3)</td><td class="provider">DeepSeek</td><td class="price">$0.14</td><td class="price">$0.28</td></tr>
60
+ <tr><td>deepseek-reasoner (R1)</td><td class="provider">DeepSeek</td><td class="price">$0.55</td><td class="price">$2.19</td></tr>
61
+ <tr><td>llama-3.3-70b-instruct</td><td class="provider">Meta</td><td class="price">$0.18</td><td class="price">$0.18</td></tr>
62
+ <tr><td>qwen3-4b</td><td class="provider">Alibaba</td><td class="price">$0.02</td><td class="price">$0.06</td></tr>
63
+ </tbody>
64
+ </table>
65
+
66
+ <div class="cta">
67
+ <a href="https://crazyrouter.com" target="_blank">Get Your Free API Key →</a>
68
+ <p>No credit card required. Start building in 30 seconds.</p>
69
+ </div>
70
+
71
+ <div class="links">
72
+ <a href="https://crazyrouter.com/docs">📖 Docs</a>
73
+ <a href="https://t.me/crazyrouter">💬 Telegram</a>
74
+ <a href="https://twitter.com/metaviiii">🐦 Twitter</a>
75
+ <a href="https://huggingface.co/spaces/xujfcn/Crazyrouter-Demo">🤖 Try Demo</a>
76
+ </div>
77
+ </div>
78
+
79
+ <script>
80
+ document.getElementById('search').addEventListener('input',function(){
81
+ const q=this.value.toLowerCase();
82
+ document.querySelectorAll('#tbody tr').forEach(r=>{
83
+ r.style.display=r.textContent.toLowerCase().includes(q)?'':'none'
84
+ })
85
+ })
86
+ </script>
87
+ </body>
88
  </html>