GH-Badges-Builder

Recursos

Cargando iconos...

📝 Markdown

StackEdit - Editor Markdown Dillinger - Editor Online readme.so - Generador README Markdown Guide

🛡️ Badges & Shields

Shields.io - Generador Badgen - Badges Rápidos For The Badge Simple Icons

🐙 GitHub

GitHub Gist GitHub Topics GitHub Docs GitHub Actions GitHub Pages

🎨 Diseño & Media

Carbon - Código bonito Ray.so - Screenshots Excalidraw - Diagramas Mermaid Live Editor Favicon Generator

📊 Estadísticas

GitHub Stats Git.io - Acortador WakaTime Profile Summary

🛠️ Herramientas Dev

gitignore.io Choose a License SemVer Conventional Commits Gitmoji

0 badges

Arrastra templates aquí o haz click en "Custom Badge"

Personalizar

Selecciona un badge para personalizarlo

Exportar Badges

Formato

Opciones Markdown

Incluir saltos de línea

Preview

Configuración

Tema de la Aplicación

Estilo de Badge por Defecto

Formato de Exportación por Defecto

Disposición por Defecto

Datos Almacenados

Ayuda

🚀 Cómo Usar GH-Badges-Builder

Esta herramienta te permite crear badges profesionales para tu README de GitHub de forma visual e intuitiva.

📋 Añadir Badges

Haz clic en cualquier template de la barra lateral para añadirlo al canvas
Usa "Custom Badge" para crear badges personalizados
Busca iconos en la sección "Iconos" para usarlos en tus badges

✏️ Personalizar Badges

Haz clic en un badge del canvas para seleccionarlo
Usa el panel derecho para cambiar texto, colores, estilo y logo
Los cambios se reflejan en tiempo real

📐 Organizar Badges

Arrastra y suelta para reordenar los badges
Usa los botones de alineación (horizontal/vertical) para cambiar la disposición
Horizontal: badges uno al lado del otro
Vertical: badges uno debajo del otro

📤 Exportar

Haz clic en "Exportar" para ver las opciones
Elige el formato: Markdown, HTML, JSON o URLs
Copia o descarga el código generado
Pega en tu README.md

⌨️ Atajos de Teclado

Ctrl + Z Deshacer Ctrl + Y Rehacer Delete Eliminar badge seleccionado

🔗 Recursos Útiles

Shields.io - Más información sobre badges
Simple Icons - Catálogo de iconos
GitHub Docs - Guía de READMEs

Crear Custom Badge

Tipo de Izquierda

Icono Texto

Icono (Simple Icons) Busca en simpleicons.org

Texto Izquierdo (Label)

Mensaje (Centro/Derecha)

Color

Estilo