Fundo ProReact
facebook/react
01A oficina de cartões do GitHub
Gerador de README de perfil do GitHub
GitHubCard é um gerador de README de perfil do GitHub com arrastar e soltar. Reúna estatísticas, projetos e atividades em um cartão.
gerado a partir dos dados atuais do GitHubexportar → SVG / PNG · 1200 × 630
02O problema
Troque várias incorporações no README por um link do GitHubCard.
Em um README feito à mão, estatísticas, linguagens, sequências, contribuições, atividades e habilidades podem exigir seis incorporações, cinco serviços e dezenas de parâmetros de URL. O GitHubCard reúne os mesmos dados atuais em um design. Seu README só precisa de um link.
README.md
@@ -1,29 +1,6 @@# Hi, I'm Alex 👋Full-stack developer building useful products.<!-- Profile and repository stats --><!-- Top languages --><a href="https://github.com/you?tab=repositories"><img height="165" src="https://github-readme-stats.vercel.app/api/top-langs?username=you&layout=compact&theme=tokyonight" alt="Top languages" /></a><!-- Commit streak --><p align="center"><img width="48%" src="https://streak-stats.demolab.com?user=you&theme=tokyonight&hide_border=true" alt="Commit streak" /></p><!-- Contribution heatmap (light / dark) --><picture><source media="(prefers-color-scheme: dark)" srcset="https://ghchart.rshah.org/2f81f7/you" /><img src="https://ghchart.rshah.org/40c463/you" alt="Contribution heatmap" /></picture><!-- Activity graph -->[](https://github.com/you)<!-- Tech skills -->## Featured projects
# Hi, I'm Alex 👋Full-stack developer building useful products.## Featured projects
03Widgets
Uma seleção de componentes.
Estatísticas do GitHub, mapas de calor, sequências de commits, linguagens, tecnologias, principais repositórios e Star History. Escolha os componentes, coloque na tela e aplique um tema a todos.
8 de mais de 20 widgets · passe o mouse para pausar
Linguagens em rosca
Ranking de linguagens em barras
Estatísticas de perfil
Estatísticas de contribuições consecutivas
Mapa de calor de contribuições
Tendências de stars
Commits do repositório
Frequência de código do repositório
Linguagens em rosca
Ranking de linguagens em barras
Estatísticas de perfil
Estatísticas de contribuições consecutivas
Mapa de calor de contribuições
Tendências de stars
Commits do repositório
Frequência de código do repositório
04Como funciona
Três etapas, sem configuração.
O mesmo caminho do editor: escolher um cartão, criar e publicar.
05Cartões reais
Repositórios reais, um sistema de cartões.
Cartões reais de repositórios públicos, atualizados diariamente. Três deles usam um fundo Pro.
Fundo ProAbrir
Vite
vitejs/vite
Fundo Proshadcn/ui
shadcn-ui/ui
Supabase
supabase/supabase
Ollama
ollama/ollama
Fundo Prouv
astral-sh/uv
Em uso →chris-grieser.decodes.oeiuwq.comwilliams.science/resourcespáginas com GitHubCard verificadas manualmente
Criar cartão de repositório06Comparar
Uma tela de edição versus ferramentas específicas.
Compare o fluxo de edição, o resultado e o trabalho de manutenção.
01Resumo
Fluxo de trabalho
No GitHubCard, tudo acontece em uma tela, da edição visual ao cartão final.
- GitHubCard
- Layout, dados e widgets são ajustados no mesmo fluxo de edição.
- Ferramentas específicas
- Ferramentas específicas distribuem os ajustes entre vários geradores.
Editor visualUma telaMenos montagem
02Resumo
Resultado
O resultado é um cartão com visual consistente.
- GitHubCard
- Os elementos de perfil, repositório e estatísticas usam o mesmo estilo visual.
- Ferramentas específicas
- Outras ferramentas costumam exportar cartões, gráficos ou URLs separados.
Estilo unificadoComposição finalPronto para exportar
03Resumo
Manutenção
Menos dependências significam menos tokens, tarefas agendadas e atualizações manuais.
- GitHubCard
- Os cartões usam dados do GitHub, com um comportamento de cache previsível.
- Ferramentas específicas
- A estabilidade costuma depender de hospedagem, tarefas agendadas ou limites da API.
Menos configuraçãoAtualização automáticaLimites claros
A comparação trata de categorias de ferramentas, sem avaliar marcas específicas.
07Preços
Comece de graça. Pague uma vez para ter Pro.
Crie e visualize de graça. Pro Lifetime custa US$ 19 em pagamento único e inclui fundos e fontes premium, exportações sem marca-d’água e em 4×. Sem assinatura.
Pagamento único · Sem assinatura · Garantia de reembolso de 7 dias. Ver todos os preços
08Perguntas
Perguntas antes de publicar.
O que é o GitHubCard?
GitHubCard é um gerador visual de README de perfil do GitHub. Organize seus dados em cartões de perfil e repositório para usar no README, portfólio ou nas redes sociais.
Como usar o GitHubCard?
Substitua github.com por githubcard.com na URL de um perfil ou repositório, como githubcard.com/torvalds ou githubcard.com/facebook/react. Abra o editor para personalizar o cartão.
Preciso entrar na conta?
Veja os cartões padrão sem login. Entre com o GitHub para salvar, publicar, atualizar ou excluir seus designs personalizados.
Como incorporar um cartão no meu README?
Copie a URL SVG (por exemplo, githubcard.com/username.svg) e adicione-a como imagem ao arquivo Markdown. O cartão exibirá os dados atuais do GitHub.
Como criar um README de perfil do GitHub?
Crie um repositório com o mesmo nome do seu usuário do GitHub e adicione um README.md. O GitHub mostra esse README no perfil quando o repositório é público e tem o nome correto.
Guia de README de perfil do GitHubOs cartões são atualizados automaticamente?
Sim. Os cartões exibem dados atuais do GitHub. Usamos cache para melhorar o desempenho; as alterações podem levar até uma hora para aparecer.
Posso personalizar meus cartões?
Sim. Arraste mais de 20 widgets de dados no editor, ajuste o layout e exporte em SVG ou PNG.
O GitHubCard é gratuito?
As funções principais são gratuitas. Pro Lifetime custa US$ 19 em pagamento único, sem assinatura, e inclui fundos e fontes premium, exportações sem marca-d’água e em alta resolução (4×).
Comece quando quiser
Crie o cartão. Deixe com a sua cara.
Abra a tela de edição, adicione seus dados do GitHub e crie um cartão para o README ou site.