Free quota boost

Add the “Powered by ApogeoAPI” badge to your site

Show this badge somewhere visible on your free-tier project (footer, about page, GitHub README) and get a permanent 25% quota boost on your account — 1,250 req/mo on free, 18,750 on Basic.

Email support@apogeoapi.com with the URL where the badge is live and we'll bump your account manually within 24h.

Live preview

Dark theme

⌬Powered by ApogeoAPI

Light theme

⌬Powered by ApogeoAPI

HTML embed

Self-contained, no external CSS or JS.

Dark theme

<a href="https://apogeoapi.com?ref=powered-by" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#0f172a;border:1px solid #334155;border-radius:6px;font:500 12px/1 system-ui,sans-serif;color:#e2e8f0;text-decoration:none">
  <span style="font-weight:700;color:#60a5fa">⌬</span>
  Powered by ApogeoAPI
</a>

Light theme

<a href="https://apogeoapi.com?ref=powered-by" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;font:500 12px/1 system-ui,sans-serif;color:#0f172a;text-decoration:none">
  <span style="font-weight:700;color:#2563eb">⌬</span>
  Powered by ApogeoAPI
</a>

React component

Drop into your components/ folder. Accepts theme="dark" or theme="light".

// components/PoweredByBadge.tsx
export function PoweredByBadge({ theme = 'dark' }: { theme?: 'dark' | 'light' }) {
  const styles = theme === 'light'
    ? { bg: '#f8fafc', border: '#cbd5e1', fg: '#0f172a', accent: '#2563eb' }
    : { bg: '#0f172a', border: '#334155', fg: '#e2e8f0', accent: '#60a5fa' };
  return (
    <a
      href="https://apogeoapi.com?ref=powered-by"
      target="_blank"
      rel="noopener noreferrer"
      style={{
        display: 'inline-flex', alignItems: 'center', gap: 6,
        padding: '6px 10px',
        backgroundColor: styles.bg, border: `1px solid ${styles.border}`,
        borderRadius: 6, fontSize: 12, fontWeight: 500,
        color: styles.fg, textDecoration: 'none',
      }}
    >
      <span style={{ fontWeight: 700, color: styles.accent }}>⌬</span>
      Powered by ApogeoAPI
    </a>
  );
}

Plain JS injection

For non-React stacks (vanilla JS, jQuery, etc.). Add a placeholder element: <div id="apogeo-badge"></div> and load this script anywhere after it.

// Inject the badge into any element with id="apogeo-badge"
(function() {
  const target = document.getElementById('apogeo-badge');
  if (!target) return;
  const a = document.createElement('a');
  a.href = 'https://apogeoapi.com?ref=powered-by';
  a.target = '_blank';
  a.rel = 'noopener noreferrer';
  a.style.cssText = 'display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#0f172a;border:1px solid #334155;border-radius:6px;font:500 12px/1 system-ui,sans-serif;color:#e2e8f0;text-decoration:none';
  a.innerHTML = '<span style="font-weight:700;color:#60a5fa">⌬</span>Powered by ApogeoAPI';
  target.appendChild(a);
})();

Where the badge belongs

Pick one. We don't require multiple placements.

✓Footer of your site (most common)
✓About / Credits page
✓GitHub README of your repo (raw HTML works in most renderers)
✓Sidebar of your blog
✓API documentation footer

Terms (short version)

• Badge must be visible without scrolling deep — footer is fine, hidden behind a click is not.
• Link must point to apogeoapi.com — keep the ?ref=powered-by UTM so we can track.
• Quota boost stays as long as the badge stays. We'll spot-check quarterly.
• Available on Free and Basic tiers. Starter and Professional already get plenty without the boost.

Don't have a key yet?

Get one free, ship the badge, get the boost.