Compatible al 100% con GitHub Camo Proxy y Vercel Edge

Generador de Badges Dinámicos de Nivel Pro

Crea badges SVG vectoriales con la estética exacta de los repositorios top de GitHub. Sub-5ms de latencia, evasión automática de caché, soporte para miles de logos y endpoints en tiempo real.

Sin dependencias pesadas

Sub-5ms Edge Runtime

Anti-Caché Camo Headers

Badges de Referencia (Haz clic en cualquiera para personalizar)

Renderizados en tiempo real como SVG nativo

Interactive Badge Studio

Personaliza en tiempo real texto, logos vectoriales, esquinas, colores y obtén código 1-click para tu README.

Configuración del BadgeEstilo Pro Split compatible

Label (Lado Izquierdo)

Status / Valor (Lado Derecho)

Estilo Visual

Color del Status#007ec6

Icono Vectorial (Simple Icons / Dev Icons)

Color Fondo Label

Color del Icono

Altura del Badge

Vista Previa en Vivo

Fondo de simulación:

Abrir API

Copiar para tu README.md

Markdown (Recomendado)

![Docker](https://apex-badges.vercel.app/api/badge?label=Docker&status=ready&color=007ec6&logo=docker)

URL Directa del Endpoint

https://apex-badges.vercel.app/api/badge?label=Docker&status=ready&color=007ec6&logo=docker

HTML Tag

Datos en Tiempo Real

Badges Dinámicos con Evasión de Caché

Conéctalos a GitHub, registros de paquetes, APIs REST o utiliza el contador de visitas con soporte para Upstash Redis.

Contador de Visitas en Vivo (Page Views)

Cada vez que alguien carga tu README en GitHub, este badge se incrementa automáticamente.

ID Único del Repo / Usuario

Texto de la Etiqueta

Color HEX

Resultado en tiempo real:

Código Markdown para tu README:

![Visitas](https://apex-badges.vercel.app/api/badge/views?id=mi-repositorio-pro&label=Visitas&color=8a2be2&logo=visitas)

Documentación Técnica

Referencia de API y Compatibilidad con GitHub

Aprende cómo funciona el motor por dentro, las cabeceras anti-caché de Camo y cómo desplegarlo en Vercel.

Endpoints Disponibles

GET /api/badge

Generador universal estático/dinámico. Parámetros: label, status, color, logo, style, height.

GET /api/badge/views?id=:repo

Contador en vivo con incremento atómico y cabeceras estrictas no-store para que GitHub Camo nunca congele el número.

GET /api/badge/github/:owner/:repo/:metric

Métricas oficiales de GitHub: release, stars, forks, issues, license, size.

GET /api/badge/npm/:package

Versión actual en NPM Registry compatible con paquetes con scope (ej. @scope/pkg).

El Secreto de GitHub Camo Proxy

GitHub procesa todas las imágenes en README mediante camo.githubusercontent.com. Para evitar que las visitas y métricas se queden desactualizadas durante días, Apex Badges emite:

Cache-Control: max-age=0, no-cache, no-store, must-revalidate

Surrogate-Control: no-store

Pragma: no-cache

Expires: 0

Content-Type: image/svg+xml; charset=utf-8

Despliegue en Vercel

Este proyecto está configurado para Vercel Edge Network. Al no usar binarios nativos de C++ o librerías de Canvas, el tiempo de arranque en frío es de 0 ms y la respuesta promedio en todo el mundo es menor a 15 ms.