La firma
¿La hiciste con raicode? Dilo en tu footer.
Es una pastilla chiquita con Rai que lleva a raicode.ai. Toma los colores de tu app solita, así que combina con cualquier diseño. Y es opcional: si no la quieres, no la pongas.
© 2026 Tu app
Hecho con raicode.ai
En una app clara
© 2026 Tu app
Hecho con raicode.ai
En una app oscura
La forma fácil: pídesela a Claude
Abre Claude Code en tu proyecto y pégale esto. Él la acomoda en tu footer y le pone el nombre de tu app al link.
Agrega en el footer de esta app la firma "Hecho con raicode.ai". Es una pastilla pequeña que es un link a raicode.ai. Usa exactamente este código (si es React/Next usa JSX con los mismos estilos): <a href="https://raicode.ai/?utm_source=app&utm_medium=badge&utm_campaign=NOMBRE-DEL-PROYECTO" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:9999px;font-size:13px;line-height:1;color:inherit;text-decoration:none"> <img src="https://raicode.ai/badge/rai.png" alt="" width="18" height="19" style="image-rendering:pixelated"> <span>Hecho con <strong>raicode.ai</strong></span> </a> - Cambia NOMBRE-DEL-PROYECTO por el nombre de este proyecto, en minúsculas y con guiones. No cambies nada más del link. - El texto y el borde toman el color de la app solos (currentColor). Ponla donde el texto sea del color secundario del footer. No agregues colores, fondos ni sombras. - Va en el footer de las páginas que tienen footer de página (landing, login, páginas públicas), alineada con lo demás, en desktop y en celular. - En las pantallas que funcionan como app (barra de navegación abajo, sin footer de página), NO la pongas en cada pantalla: ahí estorba. Ponla solo al final de la pantalla de ajustes, perfil o "más", si existe. Si no existe, en esas pantallas no va. - Si la app tiene login, que también se vea en la pantalla de entrar.
Si prefieres pegar el código
Funciona en cualquier sitio. Cambia tu-app por el nombre de tu proyecto: así sabemos que la gente llegó desde tu app.
<a href="https://raicode.ai/?utm_source=app&utm_medium=badge&utm_campaign=tu-app" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:9999px;font-size:13px;line-height:1;color:inherit;text-decoration:none">
<img src="https://raicode.ai/badge/rai.png" alt="" width="18" height="19" style="image-rendering:pixelated">
<span>Hecho con <strong>raicode.ai</strong></span>
</a>Los archivos
Por si quieres armar tu propia versión.