toolpipe/index.html at master · Ithiel-Labs/toolpipe · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ToolPipe - 100+ Free Developer Tools & APIs</title>
    <meta name="description" content="100+ free developer tools and REST APIs. JSON formatter, PDF tools, QR codes, regex tester, hash generator, and more. No signup needed. MCP server for AI agents.">
    <link rel="canonical" href="https://cosai-labs.github.io/toolpipe/">
    <meta property="og:title" content="ToolPipe - 100+ Free Developer Tools & APIs">
    <meta property="og:description" content="100+ free browser-based tools and REST APIs. No signup needed.">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <script type="application/ld+json">
    {"@context":"https://schema.org","@type":"WebApplication","name":"ToolPipe","url":"https://cosai-labs.github.io/toolpipe/","description":"100+ free developer tools and REST API endpoints","applicationCategory":"DeveloperApplication","operatingSystem":"Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}
    </script>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #0a0a0a; color: #e0e0e0; }
        .hero { background: linear-gradient(135deg, #0f0c29, #302b63, #24243e); padding: 80px 20px; text-align: center; }
        h1 { font-size: 3.5rem; color: #fff; margin-bottom: 16px; }
        .sub { font-size: 1.3rem; color: #94a3b8; max-width: 600px; margin: 0 auto 40px; line-height: 1.6; }
        .stats { display: flex; gap: 32px; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; }
        .stat { text-align: center; }
        .stat-num { font-size: 2.5rem; font-weight: 800; color: #6c63ff; }
        .stat-label { color: #64748b; font-size: 0.9rem; }
        .cta-group { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 48px; }
        .cta { display: inline-block; padding: 16px 40px; background: #6c63ff; color: white; border-radius: 10px; text-decoration: none; font-weight: 700; font-size: 1.1rem; }
        .cta:hover { background: #5b52ee; transform: translateY(-2px); }
        .cta-secondary { background: transparent; border: 2px solid rgba(255,255,255,0.2); }
        .tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; max-width: 1000px; margin: 0 auto 48px; padding: 0 20px; }
        .tool { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 16px; text-align: center; transition: all 0.2s; }
        .tool:hover { background: rgba(108,99,255,0.1); border-color: #6c63ff; }
        .tool a { color: #fff; text-decoration: none; font-weight: 600; font-size: 0.9rem; }
        .section { max-width: 900px; margin: 0 auto; padding: 60px 20px; }
        .section h2 { font-size: 2rem; color: #fff; margin-bottom: 24px; text-align: center; }
        .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        .feature { background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 12px; padding: 24px; }
        .feature h3 { color: #fff; margin-bottom: 8px; }
        .feature p { color: #94a3b8; font-size: 0.95rem; line-height: 1.5; }
        pre { background: #1a1a2e; color: #e0e0e0; padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 0.85rem; margin: 20px 0; }
        footer { text-align: center; padding: 40px; color: #666; border-top: 1px solid #1a1a1a; }
        footer a { color: #6c63ff; text-decoration: none; margin: 0 12px; }
    </style>
</head>
<body>
    <div class="hero">
        <h1>ToolPipe</h1>
        <p class="sub">100+ free developer tools and REST APIs. No signup, no ads, no tracking. Also available as an MCP server for AI agents.</p>
        <div class="stats">
            <div class="stat"><div class="stat-num">100+</div><div class="stat-label">Browser Tools</div></div>
            <div class="stat"><div class="stat-num">100+</div><div class="stat-label">API Endpoints</div></div>
            <div class="stat"><div class="stat-num">57</div><div class="stat-label">MCP Tools</div></div>
            <div class="stat"><div class="stat-num">$0</div><div class="stat-label">Free Tier</div></div>
        </div>
        <div class="cta-group">
            <a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/tools" class="cta">Browse All Tools</a>
            <a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/docs" class="cta cta-secondary">API Docs</a>
            <a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/api-keys" class="cta cta-secondary">Get API Key</a>
        </div>
        <div class="tools-grid">
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/json-formatter">JSON Formatter</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/regex-tester">Regex Tester</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/qr-code-generator">QR Generator</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/password-generator">Password Gen</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/uuid-generator">UUID Generator</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/jwt-decoder">JWT Decoder</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/hash-generator">Hash Generator</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/base64-encoder">Base64 Encoder</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/dns-lookup">DNS Lookup</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/css-gradient-generator">CSS Gradients</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/color-picker">Color Picker</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/markdown-preview">Markdown Preview</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/sql-formatter">SQL Formatter</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/xml-formatter">XML Formatter</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/yaml-validator">YAML Validator</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/subnet-calculator">Subnet Calculator</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/box-shadow-generator">Box Shadow</a></div>
            <div class="tool"><a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/flexbox-generator">Flexbox Builder</a></div>
        </div>
    </div>

    <div class="section">
        <h2>Why ToolPipe?</h2>
        <div class="features">
            <div class="feature">
                <h3>100+ Tools in One Place</h3>
                <p>JSON, PDF, QR, hash, UUID, DNS, regex, JWT, CSV, YAML, image processing, and more. All free, all in your browser.</p>
            </div>
            <div class="feature">
                <h3>REST API Access</h3>
                <p>Every tool is also a REST API endpoint. Use from your code, scripts, or CI/CD pipelines. No API key needed for basic usage.</p>
            </div>
            <div class="feature">
                <h3>MCP Server for AI Agents</h3>
                <p>57 tools available via Model Context Protocol. Let Claude, GPT, or any AI agent use developer tools natively.</p>
            </div>
            <div class="feature">
                <h3>Pay with Crypto</h3>
                <p>Pro tier for high-volume usage. Pay with ETH, USDC, or any ERC-20 token. No KYC, no credit card. On-chain verification.</p>
            </div>
        </div>
    </div>

    <div class="section">
        <h2>Quick Start</h2>
        <pre>
# Generate a UUID
curl https://assessing-scoop-authorities-sheet.trycloudflare.com/uuid/generate

# Format JSON
curl -X POST https://assessing-scoop-authorities-sheet.trycloudflare.com/json/format \
  -H "Content-Type: application/json" \
  -d '{"json": "{\"name\":\"test\"}","indent":2}'

# Generate QR Code
curl "https://assessing-scoop-authorities-sheet.trycloudflare.com/qr/generate?data=hello&size=200" > qr.png

# Use as MCP Server
npx toolpipe-mcp-server
        </pre>
    </div>

    <footer>
        <a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/">Live API</a>
        <a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/docs">API Docs</a>
        <a href="https://assessing-scoop-authorities-sheet.trycloudflare.com/pricing">Pricing</a>
        <a href="https://github.com/COSAI-Labs/make-money-30day-challenge">GitHub</a>
    </footer>
</body>
</html>